Dwitter - javascript demos in 140 characters

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: #Food

show FPS hide FPS share 2 remixes fullscreen

prplz

remix of d/9513 by u/prplz

function u(t) {

x.setTransform(1,0,0,1,960,540)
x.rotate(t)
q=t%9*99
q>888?c.width|=0:x.strokeRect(-q,-q,q*2,q*2)

Aug 29 2018 5:42 AM UTC

}// 97/140

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

u/f8f82804

#moire

show FPS hide FPS share fullscreen

f8f82804

remix of d/9531 by u/f8f82804

function u(t) {

with(x)for(i=8e3;i--;moveTo(X,Y))lineWidth=S(k=i%48),lineTo(X=60*(i/9%17+8|0)+k*S(a=11*k),Y=60*(i/87%17+1|0)+k*C(a)),t||beginPath(stroke())

Aug 30 2018 5:30 AM UTC

}// 139/140

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

#plotter #art #corruption #fullscreen

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

for(a=1920;a-=s=15;)for(b=1080,e=0;b-=s;x.fillRect(a,b,s,s))p=127+(3+S(t/8))*a*b/2e4+e,x.fillStyle=R(q=32*(p/32|0),q/2,(q**2)/8),e=p-q

Aug 27 2018 8:19 PM UTC

}// 134/140

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

artistic #dithering with 1D error diffusion

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9489 by u/f8f82804

function u(t) {

eval(unescape(escape`攽孝㭦潲⡡㴶〻愭ⴻ⥦潲⡢㵳㴳㐬䔽敛戭ㅝ簰㭢ⴭ㭸⹦楬汒散琨猪愬截猬猬猩⥰㴹㤫愪截匨琩⼲⭅ⱸ⹦楬汓瑹汥㵒⡱㵳⨨瀯獼〩ⱱ⼷ⱱ⼲⤬䔽敛戭ㅝ簰Ᵽ㵰⵱ⱥ孢ⴱ崽振㴱㘬敛扝⬽挪㔬敛戫ㅝ⬽挪㌬䔫㵣⨷`.replace(/u(..)/g,"$1%")))

Aug 28 2018 3:59 AM UTC

}// 138/140

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

Floyd-Steinberg #dithering #compressed

u/f8f82804

e=[];for(a=60;a--;)for(b=s=34,E=e[b-1]|0;b--;x.fillRect(s*a,b*s,s,s))p=99+a*b*S(t)/2+E,x.fillStyle=R(q=s*(p/s|0),q/7,q/2),E=e[b-1]|0,c=p-q,e[b-1]=c/=16,e[b]+=c*5,e[b+1]+=c*3,E+=c*7

show FPS hide FPS share 1 remix fullscreen

prplz

remix of d/7238 by u/prplz

function u(t) {

let X,Y,A=S(t),B=C(t)
for(Y=q=32;Y--;)for(X=60;X--;x.fillRect(X*q,Y*q,q,q))x.fillStyle=X*B+Y*A&8^Y*B+X*A&8?'#000':'tan'

Aug 27 2018 8:37 AM UTC

}// 119/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 1 remix fullscreen

BirdsTweetCodersDweet

remix of d/9528 by u/katkip

function u(t) {

n=(t/15|0)+4
for(i=2;i<n;i++)x.fillRect(960+C(t/i)*960/i,540+C(t*i)*540/i,9,9),x.fillStyle=`hsla(${i-t*50},99%,50%)`,frame%900||(c.width+=0)

Aug 29 2018 8:21 PM UTC

}// 140/140

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

Spiralling out of control, AKA some vaguely mathematical logo thingies every 15 seconds... #btcd #remix-chain #sine

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9523 by u/katkip

function u(t) {

with(x)for(i=3;--i;beginPath(fill(lineTo(960*i+320*(i==1)*(t%6-3),1080))))fillStyle='#'+862/i,moveTo(960,340),lineTo(0,1080)

Aug 29 2018 6:16 PM UTC

}// 124/140

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

Rotating pyramid. Can anyone figure out how to make the colors smoothly darken so that it loops perfectly?

u/yonatan

with(x)for(i=3;--i;beginPath(fill(lineTo(960*i+320*(i==1)*(t%6-3),1080))))fillStyle=hsl(0 50%${i*(6+t%6)}%,moveTo(960,340),lineTo(0,1080)
u/yonatan

sorry, that's not quite right
u/f8f82804

it's great, see my remix
u/yonatan

hsl(0 50%${50+((i==1)-(t%6/6))*9}% works, but a bit long

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9522 by u/katkip

function u(t) {

τ=4.712;p=a=>127+S(a)*127;f=a=>R(p(a),p(a+τ),p(a-τ));x.fillStyle=f(t);x.fillRect(0,0,u=960,v=2e3);x.fillStyle=f(t+3.142);x.fillRect(u,0,u,v)

Aug 29 2018 4:49 PM UTC

}// 140/140

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

complementary #color, using sinusoidal RGB palette instead of HSL (which uses linear transitions)

show FPS hide FPS share 2 remixes fullscreen

BirdsTweetCodersDweet

remix of d/9471 by u/katkip

function u(t) {

for(i=1;i<600;i++)x.fillRect(a=960+S(i+t)*960,b=540+C(i+C(t))*540,10,10),x.fillStyle=`hsl(${i*t},100%,${a/b*100}%)`

Aug 27 2018 4:38 PM UTC

}// 115/140

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

#remix-chain #btcd #kipkat

show FPS hide FPS share 1 remix fullscreen

prplz

remix of d/7141 by u/prplz

function u(t) {

let i,j,k
for(j=k=32;j--;)for(i=60;i--;x.fillRect(i*k,j*k,k,k))x.fillStyle='#'+(((i^j)+t*k)*9&4095).toString(16)

Aug 26 2018 2:06 AM UTC

}// 112/140

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

#glitch

u/DataMeta

Neat!