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

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!

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/20630 by u/taupelink

function u(t) {

r=Math.random;for(i=k=214;i--;x.strokeRect(k*X,k*Y,i/t,k/t))X=r(Y=r()*5)*9,h=k*S(S(Y*.7)%C(p=S(q=1.5-X/3)*q+2)),x.strokeStyle=R(h*q,h*p,h*Y)

Nov 22 2020 7:22 PM UTC

}// 140/140

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

d/20784

show FPS hide FPS share 1 remix fullscreen

geb

remix of d/20790 by u/rodrigo.siqueira

function u(t) {

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

Nov 24 2020 4:31 PM UTC

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

ciaccodavide

remix of d/20822 by u/solendil

function u(t) {

r=X=t*3e3%2e3
Y=X**t%1e3
P.map(k=>r>(d=Math.hypot(X-k.X,Y-k.Y)-k.r)&&(r=d))
x.fill(p=new Path2D(),p.arc(X,Y,r,0,7),P.push({X,Y,r}))}{P=[]

Nov 27 2020 8:30 PM UTC

}// 137/140

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

Circle Filling Fractal Golfed

show FPS hide FPS share fullscreen

geb

remix of d/20799 by u/geb

function u(t) {

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

Nov 25 2020 10:56 AM UTC

}// 134/140

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

u/magna

Stylish!

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/20822 by u/solendil

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𜠰𝰳𝠻𪐭𛐻𚑻𦀽𪐥𜐹𜠪𜐰𛁙👾勺𪐯𜐹𜠩𚠱𜀊𪑦𚀡𤀮𬱯𫑥𚁰🐾𣑡𭁨𛡨𮑰𫱴𚁘𛑰𛡘𛁙𛑰𛡙𚐼𬠫𬀮𬠩𚐊𮀮𩡩𫁬𚁰👮𩑷𘁐𨑴𪀲𡀨𚐬𬀮𨑲𨰨𦀬𦐬𬠬𜀬𞐩𚐬𤀮𬁵𬱨𚁻𦀬𦐬𬡽𚐊𬠽𬠾𜐿𬠭𜐺𬱽`.replace(/u../g,'')))}{s=r=300,P=[]

Nov 27 2020 6:04 PM UTC

}// 136/140

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

Different Kind

u/KilledByAPixel

Looks cool but your dweets are freezing up the site, sorry but I had to remove your last one!
u/solendil

Hey Ciacco, beware of this algorithm: the diminishing radius of circles must fit exactly the remaining space, or the algorithm spend its time searching... even with optimal params, complexity of putting nth circle is a power of n

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20817 by u/ciaccodavide

function u(t) {

w=96,h=54
r=n=>n%(3+S(t/66))*66
g=n=>n%6*33
b=n=>n%9*33
for(p=w*h;p--;)x.fillStyle=R(r(p),g(p),b(p)),x.fillRect(p%w*20,~~(p/w)*20,20,20)

Nov 27 2020 3:47 PM UTC

}// 136/140

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