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

clavigne

function u(t) {

a=(c.height=1080)/2;x.translate(960,a);for(n=1;n<99;n++){x.rotate(30*(r=a*S(n)**2)/a);w=20*S(s=t+n+r);x.fillRect(r*C(2*s+1.6),0,w,w)}

Apr 19 2021 8:06 PM UTC

}// 133/140

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

u/deltuhvee

Oort Cloud
u/magna

125: a=(c.height|=0)/2;x.translate(960,a);for(n=99;n--;x.fillRect(r*C(2*s+1.6),0,w,w))x.rotate(30*(r=a*S(n)**2)/a),w=20*S(s=t+n+r)

show FPS hide FPS share 1 remix fullscreen

contone

function u(t) {

c.width=1200
x.translate(n=99,n)
for(i=n;i--;x.arc(h,0,40,0,7),x.quadraticCurveTo(h-n,0,h+S(t+i)*n,C(t+i)*59+n))x.moveTo(h=i*9,0)
x.stroke()

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

millipede

show FPS hide FPS share 1 remix fullscreen

lars-erik

remix of d/22588 by u/lars-erik

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👺🐵𝀰𒡦🐨𫠩🐾𞐶𜀫𮠪𠰨𫠯𞐩𚱺𚡃𚁮𚐊𩰽𚁮𚐽🠵𝀰𚱺𚡓𚁮𛰹𚐫𮠪𤰨𫠩𒡦𫱲𚁩🐶𝀻𪐭𛐻𮀮𩡩𫁬𚀩𚑢👴𚡩𛰴𛁸𛡬𪑮𩑔𫰨𩠨𨐽𨠫𭀩𛁧𚁡𚐩𯀨𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮰨𭀪𜐰𚐥𜰶𜁽𛀸𜀥𛀳𜀥𛀮𜀱𚑠𚐻`.replace(/u../g,'')))

Apr 22 2021 11:02 PM UTC

}// 128/140

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

All the beautiful colors. 🎉

u/lars-erik

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/4,x.lineTo(f(a=b+t),g(a))|(x.fillStyle=hsl(${(t*10)%360},80%,30%,.01))
u/lars-erik

backticks in backticks. 🤷‍♂️

show FPS hide FPS share fullscreen

contone

remix of d/22586 by u/contone

function u(t) {

c.width|=0
for(i=3e3;i--;)
x.fillRect(20*S(i)+940+S(u=i/23.8)*i/5,550+C(u)*200+~~(i/150)*20*S(~~(i/150)/(S(t)*3.5+6)),30,9)

Apr 21 2021 10:16 PM UTC

}// 123/140

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

u/lars-erik

Mind 🤯 blown!

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=2+t/5),q*C(q/X%Y),i,i/q)

Apr 20 2021 9:57 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/22577

u/taupelink

slight variation on d/22503 ...I put in alpha, increased the blue component, and omitted a negligible term in the left-hand edge formula

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/22452 by u/taupelink

function u(t) {

for(i=k=300;--i;x.fillRect(9**t*X*C(Y),720-q*S(Y),q/t,-Y/3*i>>t))f=i*t,X=f*f%k,Y=X*f%6.3,q=i*C(X**S(Y))/t**Y,x.fillStyle=R(q%X,i/T(Y),q,9/q)

Apr 17 2021 10:02 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/22541

u/magna

Love it!
u/danny@hille.dk

skyline timelapse - this is now my favorite u/taupelink
u/sigveseb

incredible!
u/taupelink

See d/24420 for a wireframe version

show FPS hide FPS share 1 remix fullscreen

BackendForth

function u(t) {

c.width|=0
f=(n)=>960+99*C(n/9)+99*C(n)
g=(n)=>540+99*S(n/9)+99*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:15 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/lars-erik

All the beautiful patterns in one. :D Love it!

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width=1920
x.globalCompositeOperation='xor'
for(i=18;i--;)x.fillRect(400+i*50+S(t)*300,400+i*S(t/9)**9*200,2e3,200)

Apr 19 2021 12:25 AM UTC

}// 117/140

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

#default xor #glitch

u/magna

#waitforit
u/DataMeta

whoa! nice one

show FPS hide FPS share 1 remix fullscreen

lars-erik

remix of d/22576 by u/lars-erik

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=128;i--;x.stroke())b=t*i/24,x.lineTo(f(a=b+t),g(a))

Apr 20 2021 11:35 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 - 🤯

u/Xen

nice!!

show FPS hide FPS share 1 remix fullscreen

lars-erik

remix of d/22561 by u/lars-erik

function u(t) {

t<3.8?x.fillRect(890+(t-=1.9)*200,500+((.8*t)**4-t*t-.1)*400,15,45):[1,0].map(i=>x.fill(x.ellipse(775+i*250,700,50,C(t)*30+30,0,0,7)))

Apr 19 2021 10:35 PM UTC

}// 134/140

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

#Cat wakes 🐱‍💻😸 no. 2 golfed

u/magna

Awesome!