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|=0
for(i=0;i<10;i++)
x.fillRect(940+C(t*t)*(i*100),500+S(t*t)*(i*100),40,40);

Mar 31 2020 6:57 AM UTC

}// 85/140

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

You spin me round round

show FPS hide FPS share fullscreen

Xen

remix of d/18089 by u/Xen

function u(t) {

for(i=199;i--;x.beginPath())x.fillStyle=`hsl(${z=t*i/9},50%,50%)`,x.fill(x.arc(i+S(z)*i*9,C(z)*i*9+500,9+i,0,t)),x.stroke()

Mar 31 2020 6:20 PM UTC

}// 123/140

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

Circles4

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

f=(i,j=i%1,k=~~i,m=j*j*(3-2*j))=>S(k*k)*m---m*S(--k*k)
for(i=c.width|=0;i--;)x.fillRect(i,540+99*f(i/32+5*t),5,5)

Mar 28 2020 9:41 PM UTC

}// 113/140

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

I would love to find a better / shorter 1D noise function #challenge

u/pavel

This one assigns a 'random' number to each integer k via S(k*k) and uses smoothstep to interpolate between them.
u/pavel

Another idea to play around with f=(i,n=9)=>n&&C(n**.5*i)/n+f(i,n-1)
u/joeytwiddle

#random

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