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 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 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=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

show FPS hide FPS share 1 remix fullscreen

jpthinker

remix of d/34192 by u/jpthinker

function u(t) {

eval(unescape(escape`󮌮󨭥󩽩󫭐󨝴󪌨󚜊󩭯󬬨󬌽󦼰󛌱󛌲󛌳󛌰󛌴󛌵󛌶󛌷󛌴󛌵󛌱󛌲󛌶󛌷󛌳󧜬󪜽󜜶󞽩󛜭󞽚󟜨󚍤󟬾󜬩󚼱󚜪󜼬󮌮󫍩󫭥󥍯󚌨󚍤󟬾󜜦󜜩󚬭󜬫󜜩󛽚󛼳󚬲󩜳󚼹󝬰󛌨󚍤󚼱󟬾󜜦󜜩󚬭󜬫󜜩󛽚󛼳󚬱󩜳󚼵󝌰󚜩󩌽󬍛󪝝󒭸󛭳󭍲󫽫󩜨󚜻`.replace(/u../g,'')))

Aug 11 2025 11:29 PM UTC

}// 125/140

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

Bitwise/array wireframe box

u/jpthinker

#perspective #d3
u/jpthinker

Like I thought, I was able to save a lot by just writing out the list of points to connect out as an array

show FPS hide FPS share fullscreen

jpthinker

remix of d/33816 by u/jpthinker

function u(t) {

t?t:Y=v=9,c.width|=0,x.font=`9em a`
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 18 2025 1:32 AM UTC

}// 139/140

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

Gimme again

u/jpthinker

I fixed the font size to work on iOS safari too. 9em” doesn’t work with it for some reason, so I did 9em a instead

You've reached the end.

dwitter.net | jpthinker (115)