Top dweets by u/jpthinker

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 2 remixes fullscreen

jpthinker

function u(t) {

c.width|=0
x.fillRect(0,0,2e3,2e3)
for(i=1e3;i--;)
r=150,X=960+S(i)*S(t*2)*r,Y=540+C(i)*r,x.fillStyle=`hsl(55,99%,50%`,x.fillRect(X,Y,20,20)

Sep 16 2024 1:33 PM UTC

}// 140/140

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

Spinning gold ring

u/jpthinker

I wanted to shade this, so that the half of the ring further away would be darker, but I couldn’t quite figure it out.
u/lewdev

I tried. I'm not sure if it's very good. d/32457
u/jpthinker

That's just what I was trying to do! I will study that up well. Thanks u/lewdev !

show FPS hide FPS share 1 remix fullscreen

jpthinker

function u(t) {

c.width|=0
n=99
for(k=i=230;i--;x.fillRect(0,0,2e3,k))x.fillStyle=R(0,0,(i+t)%4*n),x.fillRect(i%21*n,(i/21|0)*n,n,n),x.fillStyle=R(255,k,n)

Oct 12 2024 12:23 PM UTC

}// 139/140

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

Beach

show FPS hide FPS share fullscreen

jpthinker

function u(t) {

eval(unescape(escape`󬬽󞍥󜼊󫌽󞌊󩭯󬬨󪜽󬬪󫌬󩌽󜜫󚌨󪜭󜜩󛼳󜭥󜽼󜌩󞽩󛜭󞽸󛭦󪝬󫍒󩝣󭌨󪜥󬬯󬬪󨼮󭽩󩍴󪌬󚌨󚍩󛽲󯌰󚜫󜜩󚬲󝜶󛜨󫜩󙜲󝜶󚜯󩌬󞜬󞜩󚝻󒭭󟝩󚬨󝌲󙭩󟬾󜜰󚜊󮌮󩭩󫍬󤽴󮝬󩜽󨍨󬽬󚌤󮼨󪜾󟬷󚜪󞜹󯜠󞜹󘌵󜌩󨍽`.replace(/u../g,'')))

Aug 15 2026 2:48 PM UTC

}// 121/140

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

Bytebeat Visualizer: Forty-Two Melody

u/jpthinker

//Assumes 8-bit bitdepth r=8e3//Sample rate (hertz/sec) l=8//Number of lines/seconds to display //d is divisor to shorten lines when over 4 for(i=r*l,d=1+((i-1)/32e3|0);i--;x.fillRect(i%r/r*c.width,(((i/r|0)+1)*256-(m)%256)/d,9,9)){ m=i*(42&i>>10)//<-Music algo here! x.fillStyle=hsl(${(i>>7)*99} 99 50)}
u/jpthinker

I made a #static visualizer to help me with bytebeats. This is a sample displaying 8 seconds of the famous forty-two melody: t*(42&t>>10). I posted it here incase anyone might find it useful...

show FPS hide FPS share 1 remix fullscreen

jpthinker

function u(t) {

for(i=99;i--;x.fillRect(u,v,99,99)){h=C(i)*i**3%2e3
u=h+S(t)*150
v=S(i)*500+540+C(t*.6)*500
x.fillStyle=`hsl(${i/T(i*9)*h%360} 75 50`}

Aug 6 2026 1:22 PM UTC

}// 134/140

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

Calligraphy

show FPS hide FPS share 1 remix fullscreen

jpthinker

function u(t) {

for(k=94,i=99;i>-99;x.fillRect(960+S((i/k)*3)*300,540+C(((j=i--/k)+2*j*(j>>31))*4)*300,9,9))
x.fillStyle=R(255,0,99)

Aug 18 2025 12:35 PM UTC

}// 116/140

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

Heart

u/jpthinker

#static

show FPS hide FPS share fullscreen

jpthinker

function u(t) {

eval(unescape(escape`󮌮󩭩󫍬󤽴󮝬󩜽󘬣󜌰󜌢󒭸󛭦󪝬󫍒󩝣󭌨󜌬󜌬󭼽󜭥󜼬󭼩󒭦󫽲󚍫󟝩󟜹󞜻󪜭󛜻󮌮󨽬󩝡󬭒󩝣󭌨󭜬󭜪󭜥󜝥󜼬󞜬󞜩󚝸󛭦󪝬󫍓󭍹󫍥󟝠󪍳󫌨󙍻󭬽󪜪󪜥󜜰󞌰󯜠󞜹󘌵󜍠󛍸󛭦󪝬󫍒󩝣󭌨󭜽󪜯󪼪󭼬󭬬󪼬󜜹󚜊󮌮󨭥󩽩󫭐󨝴󪌊󮌮󨝲󨼨󜬵󝜬󞌵󜌬󞜰󛌰󛌷󚜊󮌮󩭩󫍬󚌩`.replace(/u../g,'')))

Oct 4 2026 7:14 AM UTC

}// 139/140

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

Rainbow Road

u/jpthinker

#static

show FPS hide FPS share 1 remix fullscreen

jpthinker

function u(t) {

for(k=i=99,d=k/4|0;i--;x.fillRect(u,v,9,9)){u=i/k*1920
e=((i+d)/d|0)>>1
f=-(e%2*2-1)
g=e*-f
h=g*d/k*270*4
v=540-i/k*270*2*f-h}

Aug 3 2026 3:27 PM UTC

}// 126/140

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

Triangle #waveform #bitwise

show FPS hide FPS share fullscreen

jpthinker

function u(t) {

t=t*50|0
for(w=2e3,m=190,k=90,i=t;t<540&&i--;)
x.fillStyle=R(99,0,i/m*255),
x.fillRect((a=S(i/k*3))<0?-a*w:a*w,(i>>4)*k,k,t)

Aug 1 2025 1:17 PM UTC

}// 124/140

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

Painting with wine and koolaid

show FPS hide FPS share 1 remix fullscreen

jpthinker

function u(t) {

t?t:Y=v=9,c.width|=0,x.font=`9em"`
for(i=14;i--;)p=2e3/14*i,X=t*i*60,x.fillText("Gimme a rubric"[i],X<p?X:p,Y)
Y+=v++;if(Y>880)v*=-.7,Y-=9

May 17 2025 2:23 PM UTC

}// 138/140

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

It's a nifty word

show FPS hide FPS share fullscreen

jpthinker

function u(t) {

for(c.width|=0,k=i=99;a=(i+t*30)/k,i--;x.fillRect(i*9,540-S(a*2*Math.PI)*540,99,9))x.fillStyle=`hsl(${a*360} 99 50`

Jul 25 2026 1:56 PM UTC

}// 115/140

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

Rhythmic Gymnastics

dwitter.net | jpthinker (127)