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/24201 by u/ciaccodavide

function u(t) {

f=i=>(1.1*i*t)%2
for(c.width=w=128,i=0;i<w*w;i++)f(i)>.5&&x.fillRect(i%w,~~(i/w),1,1)

Oct 22 2021 10:48 AM UTC

}// 85/140

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

eye tracking #interactive the dots move wherever you look!

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/24200 by u/ciaccodavide

function u(t) {

f=i=>(1.1*i+t*t)%2
for(c.width=w=64,i=0;i<w*w;i++)f(i)>.5&&x.fillRect(i%w,~~(i/w),1,1)

Oct 22 2021 10:44 AM UTC

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

ciaccodavide

remix of d/24160 by u/scwaller

function u(t) {

for(c.width|=1,k=(1-T(t))*99,i=2e3;i--;)i<9?x[r](i*99+T(t)*300,400+(-1)**i*k*(k>0),50,200):x[r='fillRect'](i,300,.2*S(t*99-i),400)

Oct 19 2021 8:49 AM UTC

}// 130/140

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

Factory remake #default

u/ciaccodavide

different belt: for(c.width|=1,k=(1-T(t))*99,i=2e3;i--;)i<9?x[r](i*99+T(t)*300,400+(-1)**i*k*(k>0),50,200):x[r='fillRect'](i,300,.3*((t*3e3-i)%99<4)+.1,400)
u/scwaller

messing with tan in the default is actually how I came up with the idea in the first place. nice remix!

show FPS hide FPS share fullscreen

magna

remix of d/24181 by u/magna

function u(t) {

t||(x.fillStyle='#008',x.fillRect(0,0,2e3,2e3))
for(i=575;i--;x.fillText('🔵',(i&31)*64+C(p)*r,(i>>5)*64+S(p)*r))T=(7-t)**.5,r=T*16,p=T*2.283

Oct 20 2021 3:46 AM UTC

}// 140/140

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

#pattern

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

function u(t) {

_='🏃🦖🌴'
eval(unescape(escape`󩭯󬬨󭼽󨼮󭽩󩍴󪍼󟝩󟜳󜌬󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛍷󛍷󚜻󪜭󛜻󚜊󮌮󩭯󫭴󟜨󪜾󜜿󝌫󤼨󚍩󛝴󯌰󚜪󚬵󚜺󪜿󝌺󜬩󚼧󪝮󘬧󛌊󮌮󩭩󫍬󥍥󮍴󚍛󛬮󛭟󧝛󪜾󜜿󜬺󪝝󛌮󛬮󪜾󜜿󦼨󪜫󭌥󜜩󚬱󞜹󛝷󛌶󜌰󚽴󧜺󦽩󟼱󜜰󜌺󝜵󜌬󞌰󜌫󤼨󭌪󚍩󟼲󞬵󚜩󚬱󞝝󚜻`.replace(/u../g,'')))

Oct 17 2021 11: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).

Jurassic Park 🦖 #ScaryMovies

u/rodrigo.siqueira

This jumping man and background trees reminds me of Pitfall (Atari's game).

show FPS hide FPS share fullscreen

wwickedwicked

remix of d/24139 by u/wwickedwicked

function u(t) {

e=24
r=1/(e/1920)
for(Y=0;Y<r*9/16;Y++)for(X=0;X<r;X++){
x.fillStyle=R(0,((X|Y)*t)%256)
x.fillRect(X*e,Y*e,e,e)}

Oct 19 2021 6:02 PM UTC

}// 112/140

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

Eroding walls of Sierpinski

u/magna

92: e=24;r=80;for(Y=r*9/16;Y--;)for(X=r;X--;x.fillRect(X*e,Y*e,e,e))x.fillStyle=R(0,(X|Y)*t%256)

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/24165 by u/magna

function u(t) {

if(t<4.8)for(i=575;i--;x.fill())x.beginPath(X=i&31,Y=i>>5,T=t**.5,r=T*16,p=T*6.283*((X+Y&1)*2-1)),x.arc(X*64+C(p)*r,Y*64+S(p)*r,T*4,0,7)

Oct 19 2021 4:58 PM UTC

}// 136/140

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

#pattern

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

x.fillRect(0,0,2e3,2e3,x.fillStyle=`hsl(${t*22},28%,30%,.1`)
for(m=Math,i=1e4;i--;)r=m.random,x.clearRect(2e3*r(),2e3*r(),1,1)

Oct 19 2021 3:24 PM UTC

}// 126/140

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

trippy #screensaver

show FPS hide FPS share fullscreen

ketolli

function u(t) {

a=1920;x.fillRect(0,0,a,a);for(i=0;i<3300;i++)x.fillStyle=R(-80+i/12),x.fillRect(a/2+C(t/5-i/7)*i/3,a/4+C(t/2-i)*i/4,99-i/40,99-i/40)

Oct 16 2021 3:14 PM UTC

}// 133/140

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

Cosmic Horror #ScaryMovies

u/Gamer_Boy66

sick
u/sigveseb

wicked
u/davidsover

rad
u/SockTaters

gnarly

show FPS hide FPS share fullscreen

tactical_retard

remix of d/20658 by u/dnmc

function u(t) {

r=_=>Math.random()*2-1
X=960+C(t)*500
Y=540+S(t)*500
for(i=1e3;i--;x.fillRect(X,Y,1,1)){
k=T(i**.5)
X+=r()*k
Y+=r()*k}

Oct 19 2021 6:43 PM UTC

}// 119/140

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