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: #ScaryMovies

show FPS hide FPS share fullscreen

lewdev

remix of d/29701 by u/lewdev

function u(t) {

eval(unescape(escape`氽⡶ⱹⱷⱺ⤽㹻砮扥杩湐慴栨砮汩湥坩摴栽㤩㭸⹭潶敔漨瘬礩㭸⹬楮敔漨眬稩㭸⹳瑲潫攨⥽੣⹷楤瑨簽《景爨椽㠻椭ⴻ⥬⠹㘰Ⱝ㉥㌬椪㐰〭㈰〬栽㄰㠰⤻景爨椽㐰㭩ⴭ㬩氨〬礽㌪⨨⡴⭩⼳⤥㤥栩ⰲ攳ⱹ⤠`.replace(/u([^D].)/g,'$1%')))

May 6 2024 11: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).

Moving 3D #Grid (improved)

u/Joachim

Nice!! You might find this helpful: with(x)for(i=z=c.width=400;i--;beginPath(stroke()))moveTo(i*9,99),lineTo(i*z-1e4,z),fillRect(0,99+i,z,(S(z/i+t*9)>.9)&&i/50)
u/lewdev

That's awesome! Thanks! I'm trying to figure out how to depict things in 3D; this and your website helps!

show FPS hide FPS share fullscreen

baon

remix of d/29732 by u/baon

function u(t) {

x.reset();x.translate(960,540)
for(p=12,i=p*163;i--;x.rotate(6.28/p),x.fillRect(0,p+300,5,200))
x.fillStyle=`hsl(${360*i/p} 100%${50-i/50})`

May 7 2024 8:40 AM UTC

}// 140/140

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

colorwheel hsl

show FPS hide FPS share fullscreen

lewdev

remix of d/28307 by u/KilledByAPixel

function u(t) {

t?onmousemove=e=>(X=e.x*4,Y=e.y*4):X=Y=0
for(j=5e3;r=j--/(9-++t%9);x.fillRect(j,0,.2,2e3))x.clearRect(C(j)*r+X,S(j*j)*r+Y,r>>=8,r)

May 5 2024 3:23 AM UTC

}// 130/140

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

Tiny Starfield 🌠🖱 Mouseover to change view angle!

u/cantelope

innovative
u/lewdev

Thanks u/cantelope but credit definitely goes to u/KilledByAPixel for making "Tiny Starfield" so tiny (93b)!

show FPS hide FPS share fullscreen

taupelink

remix of d/31712 by u/taupelink

function u(t) {

a=z=>z*z/3;f=u=>a(u%9-u%1+u%2-u%6);for(i=1e4;i--;x.fillRect(960+15*r*C(h),540+15*r*S(h),t<3,f(r)+f(r+20*h)&3))r=(i*t%5e3+81)**.5,h=r*i%6.283

May 7 2024 1:54 AM UTC

}// 140/140

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

d/31715

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/29674 by u/taupelink

function u(t) {

a=z=>(z*z)**.7;f=u=>a(u%6-a(u/4%6-3)%6);for(i=8e3;i--;x.fillRect(960+32*r*C(h),540+32*r*S(h),t<2,f(2*r)+f(r+h*22)&10))r=i*t%21+3,h=r*i%6.283

May 5 2024 7:00 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/31712

show FPS hide FPS share fullscreen

aaaaaz

function u(t) {

X=Math.random
Y=1920
c.style.filter=`blur(5px)contrast(999%)`
x.fillStyle=X()>.5?R(0):'#AAF'
x.fillRect(X()*Y,0,9,9)
x.drawImage(c,0,9,Y,Y)

May 5 2024 6: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).

#RAIN

show FPS hide FPS share fullscreen

HardlyProductive

function u(t) {

for(c.width|=i=200;i<9999;i++){f=d=>{x.globalAlpha=400/i;x.fillRect(700+d*S(i/99-6*t)*i/99,500+d*C(i/99-6*t)*i/99,10,10)};f(15);f(-15)}

May 5 2024 4:14 AM UTC

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

lewdev

remix of d/9208 by u/ETHproductions

function u(t) {

b=document.body
b.style.font="32px monospace"
b.innerHTML=(u+"").slice(0,t*3+S(t)*5)+' |'[t*2&1]

May 7 2024 9:00 PM UTC

}// 96/140

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

pair programming nightmare on DOM (could be 62b without font)

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󞜻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚌹󞜪󪜫󝜴󜌬󝜰󜌬󝜰󛌲󜌰󚜩󨼮󬽴󮝬󩜮󨭡󨽫󩽲󫽵󫭤󟜧󫍩󫭥󨝲󛝧󬭡󩍩󩝮󭌨󘼱󝝡󘌰󙜬󘽦󨬷󘌵󝬥󛌣󞌵󝬠󝬶󙜬󘼱󜼵󘌹󞜥󚜧󒭦󫽲󚍗󟜶󝬰󚬡󭌻󥼭󛜻󮌮󩍲󨝷󢝭󨝧󩜨󨼬󛝗󛍗󛌱󞜲󜌫󜬪󥼬󜜴󞌰󛝗󚜩󮌮󩽬󫽢󨝬󠝬󬍨󨜽󛬰󜌵`.replace(/u../g,'')))

May 3 2024 9:51 PM UTC

}// 137/140

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

Dwitter Horizon #default #sunset #shadow

show FPS hide FPS share fullscreen

taupelink

remix of d/31712 by u/taupelink

function u(t) {

eval(unescape(escape`󨜽󮬽󟬨󮬪󮬩󚬪󛬷󞽦󟝵󟜾󨜨󭜥󝬭󨜨󭜯󜼥󝬭󭜯󝌥󝜩󙜸󚜻󩭯󬬨󪜽󜝥󝌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚌹󝬰󚼲󜌪󬬪󠼨󪌩󛌵󝌰󛜲󜌪󬬪󤼨󪌩󛍴󟌳󛍦󚍲󚜫󩬨󞌪󪌩󙬵󚜩󬬽󪜪󭌥󜬰󚼴󛍨󟝲󚭩󙜶󛬲󞌬󮌮󩭩󫍬󤽴󮝬󩜽󦼧󘼱󜼸󜬧󛌧󘼲󝼶󜼧󛌧󘼳󠜹󜜧󧝛󩬨󬬯󝌫󩬨󝬪󪌩󚜥󜽼󜍝`.replace(/u../g,'')))

May 5 2024 8:47 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/31713