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

KilledByAPixel

remix of d/31725 by u/KilledByAPixel

function u(t) {

for(t*=60,i=w=1e3;i--;x.fillRect((i-t)*2+w,t+i+z%18*34-500,2,w))x.fillStyle=`hsl(${(z=i>>5&t>>5)**5} ${z*9}%${i%8<7?t%8<7?50:85:9}%`

May 16 2024 5:09 PM UTC

}// 132/140

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

Marble Madness 2 🔴 Smaller + Color

u/lewdev

Now I'm wondering if you're calling it Marble Madness only because it looks like it or also because that's how they rendered their 3D?

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/29550 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󜽥󝌬󦜽󭌪󟜳󝜶󛍂󟝴󛜴󜝼󜌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚍩󛼱󝜬󠬿󘜡󭌪󝌰󜌫󦜫󭌪󞜫󪬪󝌺󪬪󝼫󚍩󛼹󞜾󟬳󚜪󚬵󙜳󝌹󚼴󝬹󛌹󛌷󚜩󦜭󟝓󚍙󚭩󚜬󪬽󪜥󞜹󛍸󛭦󪝬󫍓󭍹󫍥󟝠󪍳󫌨󙍻󠬿󭌿󭌪󞜫󦜺󪬭󜼰󞭩󙜶󝭽󘌤󮼶󞜫󚍂󟽙󛼳󞭙󚝽󙜤󮽂󟽪󞭔󚍪󙜲󚭩󚭩󚜪󜼹󯜥󨌻`.replace(/u../g,'')))

May 15 2024 3: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).

Landscape with City 🌆

u/aleamb

wow!
u/vain

as always - incredible 👍

show FPS hide FPS share fullscreen

thenize

remix of d/10941 by u/pavel

function u(t) {

for(c.width=2*(n=i=966);--i;x.fill(new Path2D('M0 2C1-3,8 8,0 0')))z=9/(2+C(A=t*i/n+i*i)),x.setTransform(C(A)*z,0,0,z,S(A)*20*z+n,i*i%n+9*z)

May 15 2024 4:59 PM 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

Agnes

function u(t) {

t?0:h=0
c.onmousemove=(e)=>h=e.x
H=c.height|=0
x.scale(25,25)
x.fillText("😐",31,25)
x.rect(0,0,h/6,H)
x.clip()
x.fillText("🤐",31,25)

May 16 2024 8:53 AM UTC

}// 132/140

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

Zipper #interactive

u/lewdev

Cool! A clever use of clip and onmousemove!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/31767 by u/KilledByAPixel

function u(t) {

B=t?[...A]:A=[Z=o=>(a+1)%2==B[k+o]]
for(w=c.width&=k=10368;k--;)A[k]=(t?(Z(!x.fillRect(k%w,k>>7,a=B[k],1))+Z(-1)+Z(-w)+Z(w)>2)+a:k**2.2|0)%2

May 14 2024 10:40 PM UTC

}// 140/140

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

Dungeon Map Generator 🐉

u/KilledByAPixel

It even has doors!
u/Joachim

Nicee
u/lewdev

Cool! Add ;c.style.imageRendering='pixelated' to remove blurriness

show FPS hide FPS share fullscreen

thenize

remix of d/379 by u/iverjo

function u(t) {

c.width=960;for(i=2e3;i--;)s=7/(S(i/42)*S(39*i+t-1.57)+2),x.fillRect(i+460*S(i/200)*S(2.79*i+t),270+160*(C(i/42)+T(t/+i/5)),s,s)

May 16 2024 5:12 PM UTC

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

mhi

remix of d/22560 by u/clavigne

function u(t) {

a=(c.height=1080)/2;x.translate(960,a);for(n=0;n<999;n++){x.rotate(3^4%8*(r=a*S(n)**2)/S),w=S(s=t+n+9),x.fillRect(n*S(2*s*1.6),10,w,s)}

May 15 2024 5:03 PM UTC

}// 135/140

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

u/thenize

great dweet!

show FPS hide FPS share fullscreen

thenize

remix of d/31790 by u/mhi

function u(t) {

a=(c.height=1080)/2;x.translate(960,a);for(n=0;n<999;n++){x.rotate(3^4%2*(r=a*S(n)*2)/S),w=S(s=t+n+9),x.fillRect(n*S(s*.3),1,w,s)}

May 15 2024 5:09 PM UTC

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

thenize

remix of d/31778 by u/thenize

function u(t) {

for(i=k=900;--i;x.fillRect(Z=k+S(i)*Y*i,k+S(Z)*i,q*Y,Y*i/134))f=i*t,X=f%3-1,Y=X*f%7-2,x.fillStyle=R(q=i*X-033,q*=X+.6,q*=Y**2/10)

May 15 2024 5:04 PM UTC

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

KilledByAPixel

remix of d/31726 by u/KilledByAPixel

function u(t) {

c.width=w=233
B=t?[...A]:A=[]
for(k=3e4;k--;A[k]=(t?a+(Z(-1)+Z(!x.fillRect(k%w,k/w|0,a/7,1))+Z(-w)+Z(w)==1):k)%8)a=B[k],Z=o=>(a+1)%8==B[k+o]

May 13 2024 3:37 AM UTC

}// 140/140

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

Chaotic Automata

u/Joachim

I never thought this kind of thing was possible in 140! :O
u/Xen

sexy!