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

Agnes

function u(t) {

nextFrameMs=t+1000
for(c.width|=i=9;i--;)x.fillRect(100*(4+3*S(t)+i),400,50,200)

May 2 2024 1:06 PM UTC

}// 80/140

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

#default at the refresh rate of your monitor

show FPS hide FPS share fullscreen

lewdev

function u(t) {

c.width|=x.fillStyle=B="🌳"
x.scale(9,9)
for(i=0;i<=5;i++){for(j=8;j--;)x.fillText(B,j*(A=30),A*i+(i?-t:t)*A%A+A);i?0:x.fillRect(0,A,1e3,99)}

May 1 2024 2: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).

🌳 Animal Crossing horizon effect (need to be more 3D though)

show FPS hide FPS share fullscreen

lewdev

remix of d/28638 by u/lewdev

function u(t) {

c.width|=0;x.scale(40,40);"Hours,Minutes,Seconds".split`,`.map((A,i)=>x.fillText(new Date()["get"+A]().toString(2).padStart(6,0),7,8+i*9))

May 1 2024 9:40 PM UTC

}// 138/140

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

⌚ Binary Clock HD #clock #binary

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

c.style.background=`linear-gradient(${S(t/4)*8}deg,#130 0%,#5a5 ${K=28+S(t/3)*5}%,#ffe ${3+K}%,#15c 99%)`

Apr 28 2024 11:34 PM UTC

}// 105/140

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

CSS Flight Simulator

u/rodrigo.siqueira

Change from "deg" to "rad" to experience truly radical loops! ✈️𖦹
u/cantelope

good colors

show FPS hide FPS share fullscreen

Xen

remix of d/31683 by u/rodrigo.siqueira

function u(t) {

c.style.background=`navy`
for(i=2e3;i--;x.fillRect(888+i*S(i/200+t),258+C(t+i/69)*128+i/3,2,9))
x.fillStyle=R(S(t)*i,i%299,i,.4)

Apr 30 2024 4:57 PM UTC

}// 128/140

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

quick Play.

show FPS hide FPS share 1 remix fullscreen

lewdev

remix of d/28654 by u/Agnes

function u(t) {

for(Q=c.width|=i=9,x.scale(A=300,A);i--;);for(;Q--;x.fillText("🛸",S(I=Q+t)-7+I%99,C(Q)+I%5))x.font="2px'"

May 1 2024 12:57 AM UTC

}// 105/140

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

🛸 Alien invasion

show FPS hide FPS share fullscreen

lewdev

remix of d/31680 by u/lewdev

function u(t) {

[E,C]="❌⭕"
eval(unescape(escape`琿挮睩摴桼㴰㨨愽孝Ɫ㵃⤊砮獣慬攨㌰ⰳ〩੡⹭慰⠨搬椩㴾砮晩汬呥硴⡤Ⱪ┳⨲㈫㈬繾⡩⼳⤪ㄲ⬹⤩੣⹯湣汩捫㵥㴾慛繾⡥⹸⼲〰⤫繾⡥⹹⼱ㄲ⤪㍝㵢㴨戽㵃㽅㩃⤠`.replace(/u([^D].)/g,'$1%')))

May 1 2024 10:07 PM UTC

}// 134/140

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

❌⭕ #tictactoe HD Click on canvas to play

show FPS hide FPS share fullscreen

lewdev

remix of d/31685 by u/lewdev

function u(t) {

Q=c.width|=300;x.scale(A=300,A);for(;Q--;x.fillText([..."🐝🛫🚁🦋🦇🦅🪰"][~~(t/2%7)],S(B=Q+t)+B%99-9,C(Q)+B%5))x.font="1px'"

May 1 2024 9:04 PM UTC

}// 117/140

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

🐝🛫🚁🦋🦇🦅🪰 All Sorts of Invasions

show FPS hide FPS share fullscreen

taupelink

remix of d/29702 by u/taupelink

function u(t) {

f=u=>((u/s%6+u/5%8-7)**2-.1)**.6;for(i=1e4;i--;x.fillRect(960+80*s*C(h),720+h*r*S(h),t<6,f(f(r)+f(r+88*h))&1))r=i*t%135+9,h=r*i%6.28,s=r**.5

Apr 28 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).

d/31679

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

f=60*t|0
u=f/1080
v=1-u
w=(b,c,d)=>255*(3*v*v*u*b+3*v*u*u*c+u**3*d)
x.fillStyle=R(w(0,1,1),w(.7,1,0),w(1,0,0))
x.fillRect(0,f,2e3,1)

Apr 28 2024 4:35 AM UTC

}// 132/140

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

Bezier Sunset Gradient

u/cantelope

"bezier" tho? 🤔
u/andrea270872

Perhaps the function w is based on a Bezier curve between 4 points?
u/andrea270872

(like they say here... https://javascript.info/bezier-curve )?