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

ciaccodavide

remix of d/20829 by u/ciaccodavide

function u(t) {

x.moveTo((X=(R=Math.random)()*2e3)+(L=(d=Math.hypot(X-960,(Y=R()*1e3)-540))-(r=300)),Y)
d>r&&x.arc(X,Y,L,0,7)
x.stroke()

Nov 28 2020 9:57 AM UTC

}// 120/140

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

Circle by circles

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

c.width|=1
for(i=192;i--;)
x.fillRect(i*10,0,10,50+(1+S(t+i))*1e3)

Nov 28 2020 9:33 AM UTC

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

geb

remix of d/20798 by u/geb

function u(t) {

for(i=3e3,c.width|=f=g=>t+99*((g(i)-3)+g(i+t))*g(V=i/19+t);i--;)x.arc(960+f(C),540+f(S),19,0,5-S(V-t));x.stroke(),c.style='filter:invert('

Nov 24 2020 4:54 PM UTC

}// 138/140

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

u/magna

WOW
u/aadil

wowww

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

function u(t) {

k=(f,u,n=9)=>n>0?k(C(S(u)*f),C(u+f),n-9):S(f*u+t)*255
x.drawImage(c,0,9)
for(Y=214;Y--;x.fillRect(Y*9,0,9,9))x.fillStyle=R(o=k(Y/32,t),-o)

Nov 27 2020 4:13 PM UTC

}// 139/140

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

red/green

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/20796 by u/rodrigo.siqueira

function u(t) {

for(i=3e3,c.width|=f=g=>i*C(i)*g(i/8+t)/8;i--;x.fillRect(510+870*(i%2)+f(S),540+f(C),5,5))x.fillStyle=R(i/99,i/9,i),c.style='filter:invert('

Nov 25 2020 7:04 PM UTC

}// 140/140

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

Rotating double spirals #spiral

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

a=b=255
k=7/a
t=(t%8)**3
for(s=i=0;i<14;i+=k,a^=31){
x.fillRect(960+t*C(t+i)-i,520+t*S(t+i)-i,3,3)
i>s&&(s+=3.5,x.fillStyle=R(a,a,0))
}

Nov 26 2020 1:07 AM UTC

}// 135/140

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

Cymbal

show FPS hide FPS share fullscreen

Xen

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑧𫁯𨡡𫁁𫁰𪁡🐮𜰬𬱣𨑬𩐨𛐡𩡩𫁬𤡥𨱴𚁍🐱𩐳𚱃𚁴𛰳𚐪𝐴𜀬𣠽𝐴𜀫𤰨𭀩𚠴𝀰𛁏🐹𞐬𣰩𛀡𭁲𨑮𬱬𨑴𩐨𮠽𨰮𭱩𩁴𪀬𜀩𚐬𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮱏𚡴𯐬𞐰𙐬𜰰𙐩𨀬𬱴𬡯𪱥𤡥𨱴𚁍𛁎𛁏𛁏𚐬𩁲𨑷𢑭𨑧𩐨𨰬𜀬𜀬𮠬𜐰𞀰𛀭𝀬𛐴𛁺𚰹𛀱𜀸𞀩`.replace(/u../g,'')))

Nov 26 2020 6:11 PM UTC

}// 140/140

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

Calm Xen #Xweet #symmetry

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

w=192,h=108
r=n=>n%w
g=n=>n%w
b=n=>n%w
for(p=w*h;p--;)x.fillStyle=R(r(p),g(p),b(p)),x.fillRect(p%w*10,~~(p/w)*10,10,10)

Nov 27 2020 3:43 PM UTC

}// 119/140

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

Fragment Shading Template

show FPS hide FPS share fullscreen

Tesseract

function u(t) {

for(j=c.width=128;j--;g(j&7,k=j>>3)>t%4||x.fillRect(j%8*9,9*k,9,9))g=(x,y)=>x|y&&(x>3?4-g(7-x,y):(o=y>>2)+g([y,x][o]%4<<1,[x,y][o]%4<<1)/4)

Nov 26 2020 9:20 AM UTC

}// 139/140

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

Hilbert curve

u/Tesseract

It's basically a coincidence that the recursive function terminates - it takes more calls than you'd expect and it doesn't work if you try scaling it up.
u/Tesseract

#fractal
u/Xen

nicely done!

show FPS hide FPS share 1 remix fullscreen

taupelink

function u(t) {

f=a=>S(a*S(X+S(Y+S(a))))*i;for(r=Math.random,i=k=256;i--;x.fillRect(k*X,k*Y,i/t,i/t))X=r(Y=r()*5)*9,x.fillStyle=R(f(h=3+X*Y),f(h+X),f(h+Y))

Nov 25 2020 9:22 PM UTC

}// 139/140

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

d/20808

u/taupelink

Work in progress--kind of an aurora effect
u/geb

looks like a glsl shader demo :) very nice!