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 fullscreen

Purpzie

remix of d/10073 by u/joeytwiddle

function u(t) {

c.width=1920
x.font='20em"'
x.fillText('BIRBS',500,300)
for(i=-300;i<2e3;i+=99+t)x.fillText('🐦',i,625+200*S(i/15-4*t))

Sep 26 2018 5:38 PM UTC

}// 118/140

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

good

u/katkip

dweet 10101 xd

show FPS hide FPS share fullscreen

sigomatix

remix of d/10073 by u/joeytwiddle

function u(t) {

c.width=1920,x.font='20em"'
for(i=-300;i<2e3;i+=99+t){x.fillText('🎈',i,625+200*S(i/15-4*t));x.font=15+S(t+i/5)*15+'em"'}

Sep 25 2018 5:23 PM UTC

}// 121/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

jylikangas

function u(t) {

for(c.width=i=384;i--;x.fillRect(150-C(j)*99+C(i)*r-l,150-S(j)*40+S(i)*r/3+l*3,1,5/r))j=(i>>5)/2,a=t*2+j,q=a%6<3,r=q*a%3*9+1,l=q||a%3*45-135

Sep 23 2018 6:15 AM UTC

}// 140/140

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

Meteor shower

show FPS hide FPS share fullscreen

yonatan

remix of d/10014 by u/yonatan

function u(t) {

c.width|=f=(u,v,a,s,i)=>{for(i=6;s>29?i--:x.fillRect(u,v,9,9);f(u+S(b=i+i/21-a)*(q=s+s*S(b*6)**99),v+C(b)*q,b*2,s/2));}
f(960,540,t/200,600)

Sep 23 2018 8:57 AM UTC

}// 140/140

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

Hexagonism #waitforit #fractal

u/katkip

That's absolutely amazing
u/Joachim

wow!

show FPS hide FPS share fullscreen

SuperFromND

remix of d/10124 by u/Xen

function u(t) {

for(c.width=i=2e3;i--;x.rotate(S(t-i)/5e1))x.fillRect(i,0,.4,2e3)

Sep 27 2018 4:14 PM UTC

}// 65/140

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

Moire

show FPS hide FPS share 1 remix fullscreen

Xen

function u(t) {

for(c.width=i=2e3;i--;x.rotate(S(t-i)/5e2))x.fillRect(i,0,1,2e3)

Sep 27 2018 4:02 PM UTC

}// 64/140

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

another 64 byter

show FPS hide FPS share 1 remix fullscreen

prplz

remix of d/10071 by u/prplz

function u(t) {

for(let X,Y=33,r;Y--;)for(X=59;X--;x.fillRect(X*33,Y*33,33,33))x.fillStyle=R(0,r=Math.abs(T((X&7^Y&7)+t*2)*9),r*9)

Sep 26 2018 1:29 AM UTC

}// 114/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

katkip

function u(t) {

c.width^=0;for(i=0;i<1080;i++)x.beginPath(),x.bezierCurveTo(0,i,540+S(i)*540,540+C(i)*t,1920,i),x.stroke()

Sep 27 2018 2:58 PM UTC

}// 106/140

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

Simple visualization of wires sending data

show FPS hide FPS share 2 remixes fullscreen

prplz

remix of d/7871 by u/prplz

function u(t) {

let X,Y,r,q=33
for(Y=q;Y--;)for(X=59;X--;x.fillRect(X*q,Y*q,q,q))x.fillStyle=R(r=(X*C(t)-Y*S(t)^X*S(t)+Y*C(t))<<3&255,r/4,r)

Sep 24 2018 12:37 AM UTC

}// 124/140

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

#purple

show FPS hide FPS share fullscreen

loni_art

function u(t) {

c.width|=R=θ=1
x.globalAlpha=.2
for(i=2e4;i--;R+=(1+t/16)*S(θ),θ=(θ+R)%6.28,R%=6.28)x.fillRect(S(θ)*R*75+999,C(θ)*R*75+600,9,9)

Sep 24 2018 2:44 AM UTC

}// 127/140

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

Chirikov-Taylor map, automation on K #mapping #chaos #oscillation #waitforit

Show more comments…
u/joeytwiddle

https://wikipedia.org/wiki/Standard_map
u/donbright

woah
u/DataMeta

Niiiice
u/John_Matysik

tis nice
u/loni_art

i just noticed i got it wrong, since in treating angular momentum as radius!! its still a chaotic map but a different kind
u/MatthewKhan

tis