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 1 remix fullscreen

jpthinker

remix of d/32090 by u/jpthinker

function u(t) {

for(i=2e3;i--;)
X=t?i:0,
Y=t?X/1.8+S(i*i)*C(i)*500:0,
x.fillStyle=R(r=t?S(i/2+t)*230:0,r-C(i)*50,t?99:30),
x.fillRect(X,Y,u=t?9:2e3,u)

Jul 9 2024 12:42 PM UTC

}// 134/140

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

天の川 (the milky way) twinkle

u/jpthinker

I remixed my milky way from two days ago (the actual day of the tanabata star festival!) thanks to advice from u/rodrigo.siqueira to add a t element to the red argument. I also realized I could assign variables to the result of a ternary, instead of assigning within one

show FPS hide FPS share fullscreen

jpthinker

function u(t) {

c.width|=0
for(i=700;i--;x.fillRect(X,Y,99,9))X=i*3,Y=C(i+(t/50))*200+940
x.arc(200,200,100,0,2*Math.PI)
x.fill()

Oct 17 2024 12:50 PM UTC

}// 113/140

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

Night Ocean Invert

show FPS hide FPS share fullscreen

jpthinker

remix of d/34195 by u/jpthinker

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪍼󟜰󒭸󛭢󩝧󪝮󤍡󭍨󚌩󒭦󫽲󚍰󟝛󜌬󜜬󜬬󜼬󜌬󝌬󝜬󝬬󝼬󝌬󝜬󜜬󜬬󝬬󝼬󜽝󛍩󟜱󝬻󪜭󛜻󦬽󚌨󩌾󟬲󚜫󜜩󚬳󛍸󛭬󪝮󩝔󫼨󚌨󚍤󟬾󜜦󜜩󚬭󜬫󜜩󚽓󚍴󚜩󛽚󛼳󚬲󩜳󚼹󝬰󛌨󚍤󚼱󟬾󜜦󜜩󚬭󜬫󜜩󛽚󛼳󚬱󩜳󚼵󝌰󚜩󩌽󬍛󪝝󒭸󛭳󭍲󫽫󩜨󚜻`.replace(/u../g,'')))

Aug 12 2025 12:44 AM UTC

}// 134/140

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

It’s alive: Wireframe box moves

u/jpthinker

I got it moving. Demonstrates the #d3 #perspective better
u/cantelope

looks good 👍

show FPS hide FPS share 1 remix fullscreen

jpthinker

function u(t) {

for(k=i=176;i--;)
x.fillStyle=`hsl(${i/k*360},50%,50%`,
x.fillRect(i%16*99,(i>>4)*99,99,99)

Jul 26 2025 8:05 AM UTC

}// 91/140

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

Gradient rainbow

u/jpthinker

Just a quick one, testing out bitwise shift for Y spread

show FPS hide FPS share fullscreen

jpthinker

function u(t) {

c.width|=0
for(k=i=2e3;i--;x.fillRect(S(i**3+t/2)*500+960,T(i)*200+540,30,30))x.fillStyle=`hsl(${180+S(i)*180} 50% 50%)`

May 17 2025 12:57 PM UTC

}// 120/140

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

Putting colors in a blender

u/jpthinker

My first dweet in a while--good to be back

show FPS hide FPS share 1 remix fullscreen

jpthinker

function u(t) {

for(i=2e3;i--;)
t?X=i:X=0,
t?Y=X/1.8+S(i*i)*C(i)*500:Y=0,
x.fillStyle=R(t?r=S(i/2)*230:r=0,r-C(i)*50,t?99:30),
x.fillRect(X,Y,t?u=9:u=2e3,u)

Jul 7 2024 1:42 PM UTC

}// 140/140

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

天の川 (the milky way) for 七夕 (the star festival)

u/rodrigo.siqueira

Change S(i/2) to S(i/2+t) and the stars will blink, shine and fade
u/jpthinker

Thank you u/rodrigo.siqueira ! I take this as a warm welcome since this was my first dweet! And that's exactly what I was trying to do, before I ran out of steam and fell asleep, lol. I remixed this one with your suggestion and figured out a few spots to golf down the extra characters

show FPS hide FPS share fullscreen

jpthinker

function u(t) {

eval(unescape(escape`󩭯󬬨󪼽󪜽󝜷󝬻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚍩󙜳󜬪󝬰󛌨󪜾󟬵󚜪󝬰󛌵󜌬󝜰󚜩󒭸󛭦󪝬󫍓󭍹󫍥󟝠󪍳󫌨󙍻󜜵󜌫󪜯󪼪󝌰󯜬󞜹󙜬󝜰󙝠󒭦󫽲󚍫󟝩󟜱󜼰󞽩󛜭󞽸󛭦󪝬󫍒󩝣󭌨󜭥󜼭󠼨󪜪󜬯󪼩󚬱󝜰󜌬󤼨󪜪󜜮󝜯󪼩󚬱󩜳󛌹󛌲󜌰󚜩󒭸󛭦󪝬󫍓󭍹󫍥󟝒󚌲󜌰󛌰󛌹󞜩`.replace(/u../g,'')))

Aug 17 2025 12:21 PM UTC

}// 135/140

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

Clean

u/jpthinker

#static

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) {

eval(unescape(escape`󮌮󨭥󩽩󫭐󨝴󪌨󚜊󩭯󬬨󪜽󜜸󞽩󛜭󞽚󟜨󚍰󟬾󜬩󚼱󚜪󜼬󮌮󫍩󫭥󥍯󚌨󚍰󟬾󜜦󜜩󚬭󜬫󜜩󛽚󛼳󚬲󩜳󚼹󝬰󛌨󚍰󚼱󟬾󜜦󜜩󚬭󜬫󜜩󛽚󛼳󚬱󩜳󚼵󝌰󚜩󬌽󪜾󞜿󚍩󛜱󜌾󟬱󚜫󜜫󚍩󛜱󜌫󜜾󟬱󙬱󚜪󝌭󜜺󪜥󝜫󜜫󚍩󛼵󯌰󚜪󝌫󚌨󪜫󜜩󙜵󛜱󟬾󜼱󚜪󝌭󜜊󮌮󬽴󬭯󪽥󚌩`.replace(/u../g,'')))

Aug 11 2025 11:40 AM UTC

}// 139/140

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

Bitwise wireframe box

u/jpthinker

It doesn’t look like much but did a lot here. Cartesian #perspective #d3
u/jpthinker

Basically, I generate 8 points, using the three algorithms in the fillRect, and then I connect them in order to get a box outline by determining which point is next with the p=. There are two algorithms in p, one for the first 10 points 1234156785, and one for the last 8, or 15623784. Either of the algorithms will actually keep generating numbers in their pattern. I had a lot of fun figuring out how to emulate these whacky patterns with bit operators. Same goes for the x y and z coordinates for each point. Probably even less characters if I just hardcoded some arrays… lol

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

dwitter.net | jpthinker (85)