Top dweets by u/taupelink

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

taupelink

remix of d/24370 by u/taupelink

function u(t) {

eval(unescape(escape`景爨洽ㅥ㌻堽䌨洩ⱙ㵓⡭⩭ⴭ⤻砮晩汬剥捴⠹㘰⨫⭘ⰵ㐰⨫⭙Ⱪ⽴⽴ⱱ⽴⤩椽津㈵㘬焽洯㐬砮晩汬却祬攽刨楞㵱Ⱪ⨽⸸⭃⡘⩙⨶⤯㐬椪㴱⭓⡘⩘⨵ⵙ⩙⨳⤯㐬焯椯㤯⠱ⵙ⤩`.replace(/u([^D].)/g,'$1%')))

Dec 5 2021 10:35 PM UTC

}// 126/140

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

d/24452

u/magna

This is fantastic!
u/KilledByAPixel

feels very 3d

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/23714 by u/taupelink

function u(t) {

for(i=k=630;--i;x.fillRect(X-k,k-i/Y,-Y*i/v,-q*Y/v))f=i*t,X=f*f%3e3,Y=X*f%9-4,x.fillStyle=R(q=i*Y,q*=S(k/X)*(.7-Y/6),i%q,1e7/X/q/q),v=4**t

Sep 2 2021 2:32 AM UTC

}// 138/140

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

d/23724

u/Xen

love it!
u/rep_movsd

Gets better and better
u/tomxor

wow
u/aleamb

beautiful! #impressionism

show FPS hide FPS share fullscreen

taupelink

remix of d/23648 by u/taupelink

function u(t) {

for(i=q=k=447;i--;x.fillRect(k*X,k+i/Y,-8*q/v,i*(Y-2)/v))f=i*t,X=f*f%7-1,Y=X*f%3-2,x.fillStyle=R(q*=C(X/6)/8-Y/4,i*S(X/2),q^=k,k/q*t),v=t**t

Aug 30 2021 4:04 AM UTC

}// 140/140

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

d/23689

u/rep_movsd

This is superb
u/rfs

What is your process for making these? incredible
u/taupelink

thank you! lots and lots of trial and error, lately aided by https://capjs.3d2k.com/ I keep playing around with variations, e.g.: for the Y-coordinate, k+i*Y,k-i*Y,k+i/Y,k-i/Y each have a different effect
u/taupelink

for those unfamiliar with dwitter-style compact JS code: for a typical dweet of this type, each frame draws a bunch of rectangles. each rectangle has random coordinates for its upper left-hand corner. the RGBA (color and opacity) of the rectangle depends on those coordinates and on some other parameter that gets modified with each step. The dimensions of the rectangles shrink over time, thus adding finer-grained detail

show FPS hide FPS share 3 remixes fullscreen

taupelink

remix of d/22246 by u/taupelink

function u(t) {

for(i=k=1080;--i;x.fillRect(k+X*C(Y),k+X*S(Y),w=i/2**t,w))f=i*t,X=f*f%2e3,Y=X*f%7,x.fillStyle=R(q=i*S(S(X/k+S(Y)))/2,X/4&q,i*S(q/X-Y)/2,.2)

Mar 30 2021 6:38 PM UTC

}// 139/140

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

d/22303

u/magna

WOW!

show FPS hide FPS share fullscreen

taupelink

remix of d/19799 by u/taupelink

function u(t) {

r=Math.random;for(i=z=240;t*9<i--;x.fillRect(X*z,Y*z,i/t,i/t))X=r(Y=r()*5)*8,x.fillStyle='#'+'00CCFFFC63'.substr(4*S(X*X+Y*Y)*S(9/X/Y)&7,3)

Sep 9 2020 5:58 PM UTC

}// 139/140

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

d/19893

u/magna

Very nice colours, and I love this dithering technique
u/taupelink

thank you! inspired by techniques from other folks' dweets

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/19843 by u/taupelink

function u(t) {

r=Math.random;for(i=z=1200;i--;x.fillRect(960+X*C(Y),540-X*S(Y),w=60/t,w))X=r(Y=r()*6.3)*z,x.fillStyle='#'+'3CFFC3'.substr(9*S(Y+X/9%t)&3,3)

Sep 4 2020 2:29 AM UTC

}// 140/140

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

d/19845

show FPS hide FPS share fullscreen

taupelink

remix of d/15197 by u/taupelink

function u(t) {

f=(r,X)=>{x.fillStyle='#'+r;z=2e3*!X;for(i=32;i--;)x.fillRect(8*X+24*i,X*(X%5),8+z,640+z)};f('000',0);f('30F',98);f('F33',76);f('3C6',54)

Jul 30 2019 1:39 AM UTC

}// 137/140

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

RIP Carlos Cruz-Diez. I am trying a Dwitter-size homage or three. https://www.bbc.com/mundo/video_fotos/2015/1…

u/joeytwiddle

#tribute English article: https://www.bbc.com/news/world-latin-america…
u/taupelink

Update, 1/1/2025: For #genuary2025, I created another homage, one that's similar to this one but with variants: https://openprocessing.org/sketch/2498879

show FPS hide FPS share 1 remix fullscreen

taupelink

function u(t) {

t||(x.font=`30em"`,x.fillText("1+",40,620),x.fillText("1",1050,400),x.fillRect(570,b=450,1200,24))
x.drawImage(c,0,0,2e3,1e3,650,b,1100,550)

Jul 24 2019 3:24 AM UTC

}// 140/140

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

Continued fraction for the golden ratio, 1+sqrt(5)/2. #math #numbertheory https://en.wikipedia.org/wiki/Golden_ratio

u/taupelink

hmm, doesn't seem to work on iOS Safari
u/taupelink

to get it to work on iOS/MacOS, replace 2e3 with 1920 and 1100 with 1e3.
u/taupelink

* maybe it's a safari issue rather than an OS issue. * on my iOS device, that adjustment seems to work temporarily, but then the browser has to reload the screen. ¯\_(ツ)_/¯

show FPS hide FPS share 4 remixes fullscreen

taupelink

function u(t) {

c.width|=0;f=X=>{for(i=2;i*i<=X;i++)if(X%i==0)return i+'*'+f(X/i);return X};k=frame/6|0;x.font='5em"';x.fillText(k+'='+f(k),0,540)

Jun 28 2019 1:01 AM UTC

}// 130/140

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

factorization into #prime products. #math

u/taupelink

simple #recursion #recursive
u/Xen

very clever
u/katkip

wow
u/donbright

#numbertheory

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/35362 by u/taupelink

function u(t) {

for(i=z=2e3;i--;x.fillRect(i,170*t,(z&=3)+6,9))x.fillStyle=`hsl(${[195,60,30,150][z]},${45-4*(z+=5*S(z-t)*S(z-i/200))}%,${60+35*S(z)}%,.2)`

May 14 2026 2:15 AM UTC

}// 139/140

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

d/35369

u/KilledByAPixel

nice, good colors
u/cantelope

great colors!

dwitter.net | taupelink (7863)