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

Lukison

function u(t) {

c.width=1920
x.arc(980+T(t)*500,540+S(t)*500,50,0,2*Math.PI)
x.fill()

Mar 30 2020 11:08 AM UTC

}// 71/140

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

First dweet!

u/Xen

welcome to dwitter, you can live edit any dweet that catches your eye and post as remix for practice, check discord chat in about section to join the rest of us,, Happy golfing!
u/lionleaf

Welcome! :D

show FPS hide FPS share 2 remixes fullscreen

Xen

remix of d/18088 by u/draseil

function u(t) {

x.fill(x.arc(1e3+S(t*=t)*400,C(t)*400+500,50,0,c.width|=0))

Mar 30 2020 1:35 AM UTC

}// 59/140

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

Circles2

u/Xen

Shoutz 2 u/draseil #waitforit

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

c.width=400;for(i=5;i--;x.fillRect(0,100+i*10,400,1))x.font='25px A';for(m=t*5|0;m--;x.fillText('🎵',-t*99+m*25,100+10*(m%9>4?n:4-n)))n=m%5

Mar 28 2020 7:30 PM UTC

}// 138/140

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

Philip #glass

show FPS hide FPS share fullscreen

Xen

function u(t) {

t?0:c.width=199
for(i=19;i--;x.fillText("O",i%2*12-12+(t|0)*24,i*10))x.fillText("Si",(t|0)*24,i*20)

Mar 29 2020 12:38 AM UTC

}// 99/140

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

#Glass

u/Xen

SiO₂
u/tomxor

Nice! although i think technically crystaline makes it quartz; glass is amorphous but I no idea how that would look.
u/Xen

you got me 🤣🤣🤣

show FPS hide FPS share fullscreen

xem

function u(t) {

c.width=40;for(i of["pixelated","crisp-edges"])c.style.imageRendering=i;x.font="16px a";x.fillText(String.fromCodePoint(127744+t*5|0),0,16)

Mar 27 2020 4:42 PM UTC

}// 139/140

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

Experiment: show every emoxi as a 16*16px sprite with crisp edges (Fixed for Fx & Chrome)

show FPS hide FPS share fullscreen

jellyedwards

remix of d/18026 by u/KilledByAPixel

function u(t) {

with(x)fillStyle=strokeStyle='#0485',setLineDash([200,20]),
font='34em"',t<1&&x[t>.97?'fillText':'strokeText'](t?'██':'😷',500-t*40,700+t*30)

Mar 28 2020 8:09 PM UTC

}// 140/140

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

Quarantine #glass

show FPS hide FPS share 1 remix fullscreen

draseil

function u(t) {

c.width=1920
x.arc(1000+S(t)*300,-C(t)*400+500,50,0,2*Math.PI)
x.fill()

Mar 29 2020 11:54 AM UTC

}// 71/140

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

circles

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(c.width|=i=4;i--;i%2||beginPath(fill()))fillStyle=R(r=150+90*S(a=t%3.14+(i>1)*22),r),arc(960-666*C(a),540,i%2*r,a/=2,a<.73?-a:19)

Mar 27 2020 5:41 AM UTC

}// 140/140

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

#pacman #loop

u/aleamb

love it!
u/farter

poop eats
u/farter

*my poop eats me*

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;j=--i>>5;x.fillRect(960*(z+S(j*j)+r*C(i))/z,3e3*(.2+m*(m<0&&-1)**i)/z,s=--m*9/z,s))m=(t+j/7)%2-1,r=m>0&&m/3,z=2+S(j)+r*S(i)

Mar 25 2020 8:28 AM UTC

}// 140/140

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

Reflections on #rain

u/katkip

beautiful
u/aleamb

amazing
u/vain

amazing rain drop fx

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

c.width|=f=(X,Y,r=Y,i=r>9&&3)=>{for(x.fillRect(X,Y,s=r<10&&12,s);i--;)f(X+r/2*C(a=23*i+t*C(i)),Y+r/2*S(a),r/2)}
f(960,540)

Mar 27 2020 6:17 AM UTC

}// 122/140

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

Why can't you just be normal #sierpinski ?

Show more comments…
u/pavel

I have no idea why this works. I was messing around with something else and then a sierpinski triangle popped out and started spinning around...
u/xem

love the explanation ^ :D
u/katkip

nice
u/pavel

I think I figured it out. If you set s=12 the structure becomes more apparent. +t*C(i) doing SO MUCH WORK is an amazing accidental find.
u/pavel

This certainly looks like a 2d projection of something 3d, how to get the depth information?
u/pavel

The trick is to rng three 2d vertices and smoothly vary them. Every combination uniquely maps to a valid 2d projection of a 3d plane so our brains infer the 3d shape.
u/pavel

for(c.width|=i=3;i--;x.lineTo(960+500*S(i*t),540+500*S(i+t)));x.fill()