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

lars-erik

remix of d/22575 by u/BackendForth

function u(t) {

c.width|=z=270
f=(n)=>960+z*C(n/9)+z*C(n)
g=(n)=>540+z*S(n/9)+z*S(n)
for(i=19;i--;x.stroke())x.moveTo(f(b=t*i),g(b)),x.lineTo(f(a=b+t),g(a))

Apr 20 2021 7:38 PM UTC

}// 140/140

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

Bigger remix of u/BackendForth' latest

u/BackendForth

Nice!

show FPS hide FPS share fullscreen

contone

remix of d/22566 by u/contone

function u(t) {

c.width|=0
for(i=1e3;i--;x[r](C(u)*60+770+i%2*330,(b=S(u)*S(t))*70+450,9,b*-99))u=i/60,x[r='fillRect'](i*2,(C(u/2.5)*3+S(u))*200+620,2,-2e3)

Apr 20 2021 1:55 AM UTC

}// 140/140

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

filled eyes

u/erin

SO CUTE!!!

show FPS hide FPS share fullscreen

nicolas

function u(t) {

l=(w,h)=>x.lineTo(w,h)
r=Math.random()
a=1920
b=1080
x.strokeStyle="ff6781"
S(t/r)<0?(l(a*r,0),l(a,b*r)):(l(0,b*r),l(a*r,b))
t<5&&x.stroke()

Apr 20 2021 4:16 PM UTC

}// 140/140

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

inspired by adidas FUTURECRAFT.STRUNG

show FPS hide FPS share fullscreen

taupelink

function u(t) {

for(i=k=270;--i;x.fillRect(k*X*C(Y),k*X*S(Y),q>>(Y+t),i>>(q%Y+t)))f=7*i*t,X=f*f%9,Y=X*f%2,x.fillStyle=`hsl(${q=i*X%k},70%,${1e4/q}%,${q/k})`

Apr 19 2021 5:39 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/22559

u/lars-erik

Looks like a bunch of people looking at something shiny. Maybe they're at a concert? 😁 (I might have a slight touch of covid quarantene symptoms...)
u/taupelink

I was going for something more abstract, but that's a nice interpretation!

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/22503 by u/taupelink

function u(t) {

for(i=k=q=150;--i;x.fillRect(q*X*C(Y),q*X*S(Y),8*q>>t,q>>(2/X+t/3)))f=i*t,X=f*f%50,Y=X*f%2,x.fillStyle=R(q=S(q)%T(q*Y%X*t)*i*3,q-i/2,q/2,.5)

Apr 20 2021 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).

d/22564

show FPS hide FPS share fullscreen

clavigne

function u(t) {

m=t*(c.height=a=1120)/20;w=h=12;
for(n=1;n<120;n++){
 for(i=1;i<10;i++){s=n*S(i)+t/3;
x.fillRect(a*(C(s)**3+1.5)/2,(m+n*w)%a-30,w*S(s),h)
}}

Apr 18 2021 11:32 PM UTC

}// 140/140

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

u/donbright

really nice and calm
u/Xen

#illusion which way does it spin?

show FPS hide FPS share 1 remix fullscreen

lars-erik

remix of d/22578 by u/lars-erik

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👺🐵𝀰𒡦🐨𫠩🐾𞐶𜀫𮠪𠰨𫠯𞐩𚱺𚡃𚁮𚐊𩰽𚁮𚐽🠵𝀰𚱺𚡓𚁮𛰹𚐫𮠪𤰨𫠩𒡦𫱲𚁩🐶𝀻𪐭𛐻𮀮𩡩𫁬𚀩𚑢👴𚡩𛰶𛁸𛡬𪑮𩑔𫰨𩠨𨐽𨠫𭀩𛁧𚁡𚐩𯀨𮀮𩡩𫁬𤱴𮑬𩐽𤠨𬠽𤰨𭀩𚠲𝐵𛁃𚁴𚐪𜠵𝐬𬠬𛠰𜐩𚐻`.replace(/u../g,'')))

Apr 21 2021 10:36 PM UTC

}// 126/140

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

#WaitForIt 2 #KeepsOnGiving - 🐱‍💻🤯 (anyone for filling it with a gradient?)

u/lars-erik

Uncompressed: c.width|=z=540 f=(n)=>960+z*C(n/9)+z*C(n) g=(n)=>540+z*S(n/9)+z*S(n) for(i=64;i--;x.fill())b=t*i/6,x.lineTo(f(a=b+t),g(a))|(x.fillStyle=R(r=S(t)*255,C(t)*255,r,.01))

show FPS hide FPS share fullscreen

BackendForth

function u(t) {

for(c.width|=i=0;i<9;i++)
for(j=1080;j-=4;)
x.fillRect(i*240,j,t*9*S(t*i+j/t),4)

Apr 18 2021 12:38 PM UTC

}// 80/140

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

u/Xen

#waitforit love it!
u/DataMeta

#keepsongiving cool!

show FPS hide FPS share fullscreen

taupelink

remix of d/22503 by u/taupelink

function u(t) {

for(i=k=150;--i;x.fillRect(q*6*X*C(Y),k*8,q>>b,-5*i/t**t))f=i*t,X=f*f%9,Y=X*f%2,x.fillStyle=R(q=t%S(Y+S(X/t))*i<<(b=1+t/5),q%i,1e4/q,S(q/k))

Apr 18 2021 10:08 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/22549

u/donbright

wow what a city scape
u/magna

Central Park in Autumn

show FPS hide FPS share 2 remixes fullscreen

lars-erik

function u(t) {

eval(unescape(escape`𪑦𚁴🀳𛠶𚑻𭀭🐱𛠸𞱸𛡦𪑬𫁒𩑣𭀨𜐲𝐰𚰨𛐱𛠸𚱴𚐪𜠰𜀬𝐰𜀫𚀨𛐰𛠱𚰨𜀮𞀪𭀩𚠪𝀭𭀪𚠲𚐯𚀭𝐯𜐰𚐩𚠭𜠰𜀬𘀱𝐬𘀴𝐩𯑥𫁳𩑻𩡯𬠨𪐽𜠻𪐭𛐻𮀮𨑲𨰨𝰵𜀫𪐪𜰰𜀬𝠰𜀬𝐰𛀰𛀶𛠲𞀩𚑸𛡦𪑬𫀨𚑽`.replace(/u../g,'')))

Apr 19 2021 10:23 AM UTC

}// 120/140

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

Cat! 🎉🙈

u/lars-erik

Uncompressed
u/lars-erik

if(t<3.6){t-=1.8;x.fillRect(1250+(-1.8+t)*200,500+((-0.1+(0.8*t)**4-t**2)/(-5/10))*-200, 15, 45)}else{for(i=2;i--;x.arc(750+i*250,600,50,0,6.28))x.fill()}
u/erin

cute