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

ciaccodavide

remix of d/20876 by u/ciaccodavide

function u(t) {

w=96,h=54
r=n=>((n%w+S(t/h))*(~~(p/w)*20*(1+C(t/h))))%136
for(p=w*h;p--;)x.fillStyle=R(30,r(p),90),x.fillRect(p%w*20,~~(p/w)*20,20,20)

Dec 1 2020 1:12 PM UTC

}// 135/140

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

Mutating Grid #Pattern

show FPS hide FPS share fullscreen

Xen

remix of d/20889 by u/lerc

function u(t) {

with(x)fillRect(!setTransform(1,n=(C(S(t)*7))/4,-n*3,1,z=1337,507),!drawImage(c,-z,-500),9,19),fillStyle=`hsl(${t*z} 99%50%`
Xen

Dec 1 2020 7:08 PM UTC

}// 128/140

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

Golf and Play for more rainbow

u/lerc

I tried a hsl but couldn't fit it. Nice to see the broken hsl format works. Is it tollerant across browsers?
u/Xen

highly broken and worse on phones but i wanted my 128 lol

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

t||(æ=ø=50,c.onmousemove=e=>{æ=e.x/6,ø=e.y/4},c.width=220,x.font='70px a')
x.fillText(`👨‍💻`,æ+S(t)*9,ø+50)
x.drawImage(c,-25,-25,280,1400)

Nov 29 2020 2:29 PM UTC

}// 139/140

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

Me trying to come up with a good dwitter idea...

u/Xen

looking good
u/danny@hille.dk

#interactive #mouse

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

x.font="6em'"
x[f='fillText'](`I bet you visited ${P=history.length} page${P==1?'':'s'} by getting here`,0,99)
x[f](`(in this tab)`,0,220)

Nov 30 2020 11:00 PM UTC

}// 138/140

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

History Test

u/Xen

fancy
u/joeytwiddle

Nice. #doxx #hacks

show FPS hide FPS share fullscreen

solendil

function u(t) {

eval(unescape(escape`𠐽𭀿𦰮𛠮𠐬𮱘𛁙𛁚𯑝𞡛𪐽𜑝𒡊🐨𚐽🡍𨑴𪀮𬡡𫡤𫱭𚀩𚠨𜑥𜰭𜠪𦠩𚱚𒡦𫱲𚁚🐲𝐷𚡩𚰫𚠪𛐮𝠻𦀽𢠨𦐽𢠨𚐩𛁁𛡦𪑮𩀨𨐽🡍𨑴𪀮𪁹𬁯𭀨𦀭𨐮𦀬𦐭𨐮𦐩🁚𚱡𛡚𚐻𚐻𮀮𩡩𫁬𤱴𮑬𩐽𤠨𦀯𝀬𭀬𦐯𝀩𒡸𛡦𪑬𫀨𬀽𫡥𭰠𤁡𭁨𜡄𛁰𛡡𬡣𚁘𛁙𛁚𛀰𛀷𚐩`.replace(/uD./g,'')))

Nov 30 2020 2:19 PM UTC

}// 139/140

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

Square made of circles (F5 for another pattern), and I promise I'll stop playing with statistical plane filling :)

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/20879 by u/pavel

function u(t) {

p=n=>60*n+(37*n-20)*Math.asin(S(16*t/n))
x.fillStyle=`hsl(${180*t},50%,50%`
x.beginPath(x.fill(x.arc(p(16),p(9),40,0,7)))

Dec 1 2020 12:34 AM UTC

}// 121/140

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

#waitforit

u/Xen

love it!

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=c.width|=p=n=>60*n+(37*n-d)*Math.asin(S(d/n*t));d=i--/98;x.beginPath(x.fill(x.arc(p(16),p(9),2*d,0,7))))x.fillStyle=`hsl(${i},50%,50%`

Dec 1 2020 12:25 AM 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

rodrigo.siqueira

remix of d/20838 by u/rodrigo.siqueira

function u(t) {

for(i=3e3,f=g=>i*g(i%2?i*i:i**t);i--;x.fillRect(960+f(S)*C(t),540+f(C)*C(t),K=4/(1+t),K))x.fillStyle=R(i/99,i/3,i,),c.style='filter:invert('

Nov 29 2020 4:28 PM UTC

}// 140/140

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

Particle collision and decay - Hadron Collider #spiral

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20895 by u/ciaccodavide

function u(t) {

G=(a,b,c)=>{x.fillStyle=`hsl(${a},80%,${b}%,${c}`
x.fill(p=new Path2D,p.arc(C(t*1.4)*(g=800)+1e3,S(t*1.4)*g+g,g,t+t,t,a))}
G(t*99,50,.01)

Dec 1 2020 3:34 PM UTC

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

ciaccodavide

remix of d/20890 by u/ciaccodavide

function u(t) {

r=n=>((n%w+S(t/h))*((p/w)*20*(C(t/h))))%136
for(p=(w=96)*(h=54);p--;)x.fillStyle=R(9,r(p),90),x.fillRect(s+p%w*20,~~(p/w)*20,20,20);s++}{s=0

Dec 1 2020 1: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).

Behind the grid