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

donbright

remix of d/6294 by u/nickd3000

function u(t) {

Q=(x,y)=>x*x+y*y
for(i=N=128;i--;)for(j=N;j--;)B=Q((半=64)-i,半-j-S(t/3)*半),G=Q(半-i-C(t)*半,半-j),x.fillStyle=R(B%G,G%B),x.fillRect(i*8,j*8,8,8)

Jan 23 2018 4:35 AM UTC

}// 140/140

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

note to future self... this is some kind of weird combination of interference patterns between waves, and circle-squares fractals ....to see whats going on, start out with fillstyle=R(B%256,0,0) then work from there.

u/donbright

note to future self... this is some kind of weird combination of interference patterns between waves, and circle-squares fractals ....to see whats going on, start out with fillstyle=R(B%256,0,0) then work from there.
u/donbright

in other words, it's not drawing the "lines of force", those lines are an artefact of the remainders of the 'quadrance' (squared distance) between the two black balls

show FPS hide FPS share fullscreen

Qwitter

function u(t) {

w=500;c.width=4*w;for(i=150;i--;x.fillText('dweet',p*w*5,w+4*w*p*S(t+d)) ){d=i/10;p=1/(1+i+.4*S(7*t+i));s=p*w;x.font=s+'px courier new';}

Jan 23 2018 6:05 PM UTC

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

Xen

remix of d/6352 by u/BackendForth

function u(t) {

for(c.width|=i=96;i--;)for(j=54;j--;x.fillRect(i*20,j*19,g,g))g=9+9*S(((i-t)**2+(j-49)**2)**.3+S(t)*j*Math.atan2(j*t,i-t)+t*29)

Jan 23 2018 5:05 PM UTC

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

bepisTM

function u(t) {

c.width|=ä=450
for(i=9;i--;x.fillStyle=R(0,0,0,i%3==2?ö=S(t)*S(t):1))x.fillRect(i*100+ä,ä,50,200)
x.fillRect(3*ä,ä+(å=150*(1-ö)),50+å,200-å)

Jan 23 2018 10:53 PM UTC

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

Xen

remix of d/6323 by u/yonatan

function u(t) {

for(a=99;--a;x.fill()){x.beginPath(x.fillStyle=R($=a*S(a+t*9),a-$,$+a))
for(i=3;i--;)x.lineTo(960+C(z=t+a+i)*a*9,540+S(z%(t*t))*a*7)}

Jan 22 2018 3:20 PM UTC

}// 133/140

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

Shoutz 2 yonatan and Veubeke

u/sigveseb

cool style
u/Xen

thanks :)

show FPS hide FPS share fullscreen

Xen

remix of d/6305 by u/yonatan

function u(t) {

t?0:k=X=Y=9/4
for(t<9?i=1e4:i=1;i--;X=n)x.fillRect(960+X*350,540+Y*350,.2,.2),n=S(-k*Y)+C(-k*X),Y=S(k*X)+.7*C(k*Y)

Jan 22 2018 12:40 AM UTC

}// 114/140

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

Slight tweak, Shoutz 2 yonatan.

u/yonatan

nice alpha channel trick!
u/Kevjonesin

"murmuration"

show FPS hide FPS share 1 remix fullscreen

njm

remix of d/6457 by u/njm

function u(t) {

x.fillStyle=`hsla(${t*5.14-55.38},60%,${50}%,.7)`;x.fillRect(910+t*15*C(t),490+t*15*S(t),100,100)

Jan 25 2018 4:15 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/BirdsTweetCodersDweet

https://www.dwitter.net/d/6492 -- Remix :D

show FPS hide FPS share fullscreen

pieslice

function u(t) {

for(n=1080;n-=20;)for(m=1920;m-=20;){o=m/100;p=n/100
v=S(o+t)+S(p+t)+S(o+p+t);v*=3
x.fillStyle=R(S(v)*255, C(v)*255)
x.fillRect(m,n,20,20)}

Jan 22 2018 1:58 PM UTC

}// 139/140

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

u/Qwitter

Cool

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/6499 by u/magna

function u(t) {

c.width=192;for(i=9;i--;x.fillRect(40+i*10+S(t)*30,40,5,20));
c.style.background=`url(${c.toDataURL().replace('c','f')}) 0/100%`

Jan 26 2018 3:22 AM UTC

}// 128/140

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

#default #glitch

show FPS hide FPS share fullscreen

gregory

function u(t) {

c.width=1920;for(i=0;i<9;i++){x.arc(C(t*i)*100+900,S(t*i)*100+500,300,0,6.28);x.stroke();}

Jan 25 2018 2:22 AM UTC

}// 90/140

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