Top dweets by u/rodrigo.siqueira

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: #Opposites

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/23139 by u/Tekmap

function u(t) {

for(i=1e4*(t<4);i--;x.fillRect(960+230*a,540+260*b,.2,.8))
S(r=i*t)>0?(a=S(r*i)*2,b=C(r*t)*2):b=C(a)-(a=S(b*1)*1+a/1.1)/9
x.fillStyle=R(99)

Jun 17 2021 11:13 PM UTC

}// 139/140

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

Subtle spiral with a square on the background

u/KilledByAPixel

Amazing how much a square can add to a piece.
u/erin

probably related to the 80/20 detail rule
u/erin

gives more visual interest
u/tomxor

Lovely, i agree there is something appealing about the aspect ratio of that rectangle
u/KilledByAPixel

because the contrast of organic and regular form

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23101 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭼽󨼮󭽩󩍴󪌦󟝪󟜱󜌳󝬸󞼭󛝪󞽸󛭦󪝬󫍒󩝣󭌨󪬥󭼬󪬾󟬷󛌱󛝚󛽷󚭔󚽱󛍔󟜱󚜩󩭯󬬨󨜽󜜭󪬥󭼯󝬴󛍢󟝪󛼷󩜳󛜱󛍱󟝙󟝚󟝢󛼵󛍘󟝴󚬳󜌻󚼫󦬼󭼦󚌶󛝓󚍚󟌲󞜿󜌺󚍘󟬾󜼩󚬪󜭞󦬾󟬳󚜪󚽓󚍴󚜪󝜰󟭙󯍼󥍼󚍱󟝓󚍘󙭙󙭚󛍡󟝢󟜭󜜬󥌽󦬯󭼩󛽚󚼱󛽚󚜩󞽙󚼽󨬩󦌭󟝡`.replace(/u../g,'')))

Jun 13 2021 6:14 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 rise and fall of city buildings

u/taupelink

Reminds me of the movie Dark City! (you would need a dark background to complete the effect though)
u/KilledByAPixel

they do build fast these days!
u/joseprio

Welcome to Tokyo-3!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/15112 by u/f8f82804

function u(t) {

j=a=b=0
for(i=1e4;i--;c.style.filter=`invert(`)j-=2*S(t*i**7)**2+3,a-=(a-(j&1))/2,b-=(b*b-(j&2))/4,x.fillRect(480+960*a,840*b-130,t<1,.4)

Jun 13 2021 12:17 AM UTC

}// 137/140

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

Deep bifurcation #fractal

u/Xen

nice
u/rep_movsd

Reminds me of that Hanukkah thing somehow

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/21470 by u/rodrigo.siqueira

function u(t) {

f=(X,Y,n=120)=>T(S(X+Y/5)*5+S(n*X))<9?f(X*X-Y*Y,2*X*Y+.7,n-2):n
for(var i=1921;i--;){
 x.fillRect(i,t*120,.5-f(i/4e4-.45,t/300+.205)/40,2)
}

Jan 28 2021 1:36 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 thorns have grown (from previous dweet). Branches noir #forest

u/katkip

WOW

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/21434 by u/rodrigo.siqueira

function u(t) {

for(i=1080;i--;x.fillRect(a=t*120,i,2,.2-f(a/1000-1.3,i/990)))f=(X,Y,n=90)=>T(t*X)*S(Y)*2<2?f(X*X-Y*Y,2*X*Y+.7,n-=2):n/70

Jan 25 2021 2:54 PM UTC

}// 121/140

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

Thorn forest #mandelbrot #fractal

u/Xen

Love it!
u/aaaaaz

#forest

show FPS hide FPS share 3 remixes fullscreen

rodrigo.siqueira

remix of d/20153 by u/Leodude123

function u(t) {

x.fillRect(0,0,w=2e3,w)
for(i=670;i--;x.strokeRect(99+i,420+i,w,w))x.setLineDash([i]),x.lineDashOffset=-990%i+t*i,x.strokeStyle=R(9,i/2,i*2)

Oct 2 2020 1:12 PM UTC

}// 140/140

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

#chess #waterfall

u/Leodude123

#awesome!
u/magna

YES!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/19932 by u/rodrigo.siqueira

function u(t) {

for(i=300;x.beginPath(),i--;x.fillStyle=`hsl(${i*3} 90%${S(i/9)*99}%)`,x.fill())x.arc(960+C(a=i-t/5)*i*S(t),500+9*T(a)*(k=(1.05)**i),k,0,7)

Sep 14 2020 5:56 PM UTC

}// 139/140

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

Rising bubbles

u/danny@hille.dk

I don't know if I find it calming or deeply disturbing

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/17299 by u/tomxor

function u(t) {

for(A=a=b=0,i=1e4;i--;x.fillRect(a*800-640,b*900,.3,1))
r=0|(1-~t/2)*Math.random(),
a+=(r-a/3+b*S(a*2))/1.8,
b+=.4-b/3+C(A*2)/3-.03,
A=a

Jan 20 2020 8:55 PM UTC

}// 136/140

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

This starts with a dual structure for 2 possible values of "r" (random 0 or 1) and then a triple structure appears when r is changed to 3 possible values ( 0 or 1 or 2) #tree

u/rep_movsd

Actually a remix of https://www.dwitter.net/d/15329

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/14525 by u/rodrigo.siqueira

function u(t) {

for(var I=960;I--;)for(var U=P=X=I/190-3,Q=Y=t/3-1.85,k=14;k--;)U=X,X=X*X-Y*Y+P,Y=2*U*Y+Q,X*X>2?x.fillRect(I*2,t*99,2,2):x.fillStyle=R(k**2)

Jun 14 2019 2:56 PM UTC

}// 140/140

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

Red rays from the Mandelbrot Set #mandelbrot #fractal

Show more comments…
u/KilledByAPixel

Amazing.
u/artfarnaa

Is there a way to make these fractal examples render faster? Perhaps offload the calculations to web assembly?
u/username

"Red rays" also known as low iteration count
u/13thptr

u/artfarnaa wasm isn't much faster than js on most platforms and it takes a lot of space to set up
u/13thptr

see u/rbong's work on it
u/katkip

i don't understand this so awesome
u/rodrigo.siqueira

Artfarnaa, it is possible to make super fast, see this pure JS fast implementation: https://csl.name/mandelbrot/ There are many tricks specifically created to calculate Mandelbrot Set (e.g. avoid calculations in a rectangle inside the main set because all pixels are white and calculations in this white area is slower than other parts), but no speed optimization were used here because of space constraints. Some tricks to make it faster: do not use time variable to do calculations (because it is max 60 fps), do not plot each pixel, but store them in an array and plot at once using c.putImageData(img)...
u/KilledByAPixel

There is one way to make it very very fast. I just made a quick shader of it for you! https://www.shadertoy.com/view/wtjGz3
u/artfarnaa

Thanks guys, great inspiration.

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/12129 by u/rodrigo.siqueira

function u(t) {

c.width^=Y=0
for(X=2e3;X--;)
 Y=C(Y+t)*X/450,
 x.fillRect(X,540+Y*120,5,5)

Feb 4 2019 2:12 PM UTC

}// 74/140

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

A very small bifurcation equation. #attractor

u/rodrigo.siqueira

Animated #bifurcation

dwitter.net | rodrigo.siqueira (15436)