Dweets awesomed by u/spbyrne

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Opposites

show FPS hide FPS share fullscreen

cagr30

function u(t) {

c.width=w=270
for(i=8;i--;)h=54*(3*t+i)%w,a=i<5,b=i>6,x.fillRect(w/2+(a?0:b?-7-45*S(t):w*(i-5.5)/2),a?h:b?96:5,b?20:3,5*(a?2:(b?9:2*w)))

Aug 1 2017 3:58 PM UTC

}// 137/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/itsjustmustafa

3000th dweet, nice

show FPS hide FPS share fullscreen

spbyrne

function u(t) {

h=960,c=128,x.beginPath(),x.fillStyle=R(S(t)*c+c,S(t+2)*c+c,S(t+4)*c+c),x.arc(h*.8+(h*.6*S(t)),h*.6,(h/3+S(t)*c),t/2,t/2+2),x.fill()

Jul 31 2017 12:48 AM UTC

}// 133/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/donbright

great job

show FPS hide FPS share fullscreen

spbyrne

function u(t) {

w=1920,h=w/2,c=128,x.fillStyle=R(S(t)*c+c,S(t+2)*c+c,S(t+4)*c+c),x.fillRect(Math.floor(w*Math.random()/c)*c,Math.ceil(c*8*S(t*2)/c)*c,c,w)

Jul 30 2017 4:34 AM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/iverjo

#random

show FPS hide FPS share 2 remixes fullscreen

FireFly

function u(t) {

for(c.width|=i=58;i--;x.fillStyle=`hsla(${i*6},99%,50%,.3)`)i%3?x.lineTo(C(t+(i/3+i%3|0)*497)*450+Z,540):x.moveTo(Z=960,i>29?90:Z,x.fill())

Jul 29 2017 3:42 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Spinning 3D model. This one is pretty CPU-heavy, gotta compromise for size

Show more comments…
u/sigveseb

Very nice!
u/p01

It looks super clean!
u/sigveseb

is it spinning clockwise or counter-clockwise? :)
u/FireFly

shhh… it's rotating CCW I think, but cheating with the Z-axis/depth ordering means the faces are kind of haphazardly drawn :P
u/Xen

its transdimensional, you meant to do it! ;-)
u/Lazy1337

#d3

show FPS hide FPS share 1 remix fullscreen

p01

function u(t) {

for(X=c.width=240;X--;x.fillRect(X,D*4,2/D,129-D*8))for(D=0;'.'<(u+1)[(t*4+D*C(T=X/240-.5+C(t)/3)&7)|(3.5+D*S(T))<<3]&&D<16;)D+=.1

Jul 28 2017 10:41 PM UTC

}// 130/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

ITSY-DWITTY-WOLFENSTEINY

u/sigveseb

Ace!
u/p01

THANKS. I optimized this down to 128 bytes and fixed the bug of the thin walls in the background - https://www.dwitter.net/d/2963
u/iverjo

#wolfenstein

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

s=40+30*((1-C(t/2))**4)
c.width=s
x.font=(s/4)+'px serif';
x.fillText("~\\/0t3*",s/9,s*.4);
c.style.imageRendering=2*t&1?'pixelated':''

Jul 28 2017 8:58 AM UTC

}// 135/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Have your say regarding pixelated dweets: https://github.com/lionleaf/dwitter/pull/216

u/joeytwiddle

(The CSS in this dweet works in Chrome and Safari, but not Firefox)
u/joeytwiddle

Although I think the consensus has emerged already.
u/joeytwiddle

A bit clearer: s=40+90*((1-C((t/2|0)/2))**2)

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2948 by u/cantelope

function u(t) {

for(x.globalAlpha=.05,x.fillRect(0,0,g=i=2e3,2e3);i--;x.clearRect(960+l*S(i/3e2+t)*g/Z,540+C(p)*i/Z*g,s=5e8/Z/Z,s))l=S(p=i+t)*i,Z=g*4-l*C(t)

Jul 27 2017 8:40 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/Rybar

love this render method. globalAlpha + erasing holes is a new trick for me
u/sigveseb

good style!
u/iverjo

Really nice!

show FPS hide FPS share 1 remix fullscreen

yokljo

function u(t) {

x[f="fillStyle"]=R(0,0,0,.04)
for(m=42,i=-1,x.fillRect(0,0,n=1e4,n),x.font="50px A";i<m;x[f]="#0F0")x.fillText((t+f)[3],i*49,m*m*S(m*t+i++))

Jul 27 2017 5:48 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Try different values of m, like 53.

u/Xen

matrix? got my vote :D
u/sigveseb

very clean matrix effect

show FPS hide FPS share fullscreen

Xen

remix of d/2945 by u/jonspieg

function u(t) {

X=c.width=1e3;for(P=i=34;i--;x.stroke())x.fill(),x.arc(X/2+P*C(3*t*i/P),X-P*i,1,9,9),x.strokeStyle='red';

Jul 26 2017 10:48 PM UTC

}// 105/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

5Mixer

function u(t) {

c.width=700
for(a=0;a<99;a++)for(b=0;b<99;b++){x.moveTo(a*30,b*30)
x.lineTo(a*30+S(b+S(t)*a)*70,b*30+C(b+S(t)*a)*20)}x.stroke();

May 26 2017 4:19 AM UTC

}// 128/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

dwitter.net | spbyrne (1623)