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 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

show FPS hide FPS share fullscreen

Purpzie

remix of d/10110 by u/Purpzie

function u(t) {

r={valueOf:Math.random}
x.fillStyle=`hsl(${t*100} ${25+r*75}%${25+r*25}%)`
x.fillRect(r*2e3,r*1e3,r*500,r*500)

Sep 27 2018 1:14 PM UTC

}// 110/140

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

generative art

u/Purpzie

I ended up having to remove the bit that makes everything slowly fade away, but it still looks neat.

show FPS hide FPS share fullscreen

katkip

remix of d/10018 by u/katkip

function u(t) {

c.width^=0;for(i=0;i<77;i++)for(j=0;j<44;j++)x.fillStyle=`hsla(${((j+t*10*t/4)<<(i+t*10*t/3))+t*10},99%,50%)`,x.fillRect(i*25,j*25,25,25)

Sep 27 2018 12:22 PM UTC

}// 137/140

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

#infinite scrolling in this binary sequence

show FPS hide FPS share fullscreen

yonatan

remix of d/10016 by u/yonatan

function u(t) {

p=22/21
c.width|=f=(u,v,a,s,i=3)=>s<9?x.lineTo(u,v):i&&f(u+S(b=a+i*p*2)*s,v+C(b)*s,b/2,s**.87)|f(u,v,a,s,i-1)
f(z=750,0,1+t%2*p,z)
x.fill()

Sep 24 2018 3:27 PM UTC

}// 139/140

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

Under the tree

u/yonatan

#organic #tree #fractal

show FPS hide FPS share fullscreen

and3k5

function u(t) {

x.fillStyle=R(126+S(t)*126,126+S(t*2)*126,126+S(t*3)*126)
x.fillRect(760+S(t*5)*400,240+C(t*5)*200,400,400) // draw 50x200 rects

Sep 26 2018 4:55 AM UTC

}// 128/140

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

colors

show FPS hide FPS share fullscreen

ETHproductions

function u(t) {

s=7,t?x.drawImage(c,0,-s):a=[l=1];for(q=0,i=++l;i--;x.fillStyle=j?'#000':'#fff',x.fillRect(i*s,1080-s,s,s))q=q*2%8|a[i-1],j=a[i]=110>>q&1

Sep 24 2018 7:18 PM UTC

}// 137/140

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

Rule 110

u/ETHproductions

If there's a short way to move the entire drawing a few pixels, it would allow quite a bit more room for messing around...
u/joeytwiddle

Bring out q to shave off two: s=7,x.drawImage(c,q=t?0:a=[l=1],-s)
u/katkip

WOW! AWESOME

show FPS hide FPS share fullscreen

Xen

remix of d/10048 by u/katkip

function u(t) {

c.width|=w=960;h=540;for(i=74;i--;x.restore())x.save(),x.translate(w,h),x.rotate(T(3*t+i/.32-T(t)/9)/i),x.strokeRect(-(s=i*9)/2,-s/2,s,s)

Sep 23 2018 6:20 PM UTC

}// 137/140

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

quick play about

u/katkip

gltichy
u/f8f82804

nice technique

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

for(i=1;i<1e3;i+=S(1)){x.fillStyle=`hsla(${i/20},80%,${111*S((h=22+22*S(g=t*9+i))-t*(1+t/20))}%,.15`
x.fillRect(h*h,536+536*C(g*278),28,28)}

Sep 26 2018 1:01 AM UTC

}// 140/140

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

fire columns