New #Mandelbrot dweets

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

Xen

remix of d/14647 by u/Xen

function u(t) {

for(I=1e3;--I;x.fillRect(I,t*99,X>1,3))for(W=X=I/99-5,Z=Y=t-2,T=8;T--;Y=2*U*Y+Z)U=X,X=X*X-Y*Y+W

Jun 18 2019 4:46 PM UTC

}// 95/140

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

95bytes #mandelbrot #fractal shoutz to katkip

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/14525 by u/rodrigo.siqueira

function u(t) {

for(I=1e3;I;x.fillRect(I--,t*199,X>1,3))for(W=X=I/250-3,Z=Y=t-1.5,T=9;T--;Y=2*U*Y+Z)U=X,X=X*X-Y*Y+W

Jun 17 2019 6:28 PM UTC

}// 99/140

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

99byte dwitter #mandelbrot #fractal

u/13thptr

!
u/Xen

massive shoutz to rodrigo, nice clean code, couldn't of golfed this without him!
u/katkip

97 for(I=1e3;I;x.fillRect(I--,t*199,X>1,3))for(W=X=I/250-3,Z=Y=t-2,T=9;T--;Y=2*U*Y+Z)U=X,X=X*X-Y*Y+W

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

rodrigo.siqueira

remix of d/11562 by u/echo85

function u(t) {

for(I=1e3;I--;){for(X=I/250-3,Y=t/2-1.5,T=12;T=T-1;)U=X,X=X*X-Y*Y+I/250-3,Y=2*U*Y+t/2-1.5
X>1&&(x.fillRect(I*1.6,t*180,3,3))}

Jun 10 2019 3:01 AM UTC

}// 125/140

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

Mandelbrot set with different border #mandelbrot #fractal

u/Xen

Love it!

show FPS hide FPS share fullscreen

vinca

function u(t) {

eval(unescape(escape`景爨挮睩摴桼㴰ⱪ㴷攳㭪ⴭ㬩筦潲⡶慲⁘㵪⼷ぼ〬夽樥㜰Ɱ㵲㴰Ⱪ㵓⡴⤻渼ㄹ☦爪爫椪椼㐻渫⬩愽爪爭椪椫⡘ⴷ〩⼲㔬戽㈪爪椫⡙ⴳ㔩⼳㔬爽愬椽戻砮牥捴⠲攳⩘⼱〰ⰱ攳⩙⼷〬㌪測㌪温絸⹳瑲潫攨⤻`.replace(/u(..)/g,"$1%")))

Apr 30 2019 2:11 PM UTC

}// 136/140

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

u/Jezza

Wow!
u/13thptr

#mandelbrot

show FPS hide FPS share fullscreen

Jezza

function u(t) {

f=540;for(j=2e3;j--;){m=p=S(t/8+j)*2,n=q=C(t/7+j/97)*2;for(i=25;(e=m*m+n*n<4)&&i--;)[m,n]=[m*m-n*n+p,2*n*m+q];x.fillRect(p*f+960,q*f+f,e,e)}

Apr 28 2019 6:49 AM UTC

}// 140/140

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

#mandelbrot

u/katkip

Awesome

show FPS hide FPS share fullscreen

vinca

function u(t) {

for(c.width=50,i=1250;i--;x.fillRect(X,Y,1,1/n*5))for(n=R=0,I=S(t);n<20&R*R+I*I<4;n++)a=R*R-I*I+(X=i/25|0)/50,b=2*R*I+(Y=i%25)/25,R=a,I=b

Apr 24 2019 12:02 PM UTC

}// 138/140

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

u/Xen

nice
u/13thptr

reminds me of https://www.dwitter.net/d/697
u/katkip

I don't understand anything of this.
u/vinca

oh. d/697 is nice.
u/joeytwiddle

#fractal #mandelbrot

show FPS hide FPS share 2 remixes fullscreen

echo85

function u(t) {

for(s=300,r=4/s,j=60*t*r-2,i=-2;i<2;i+=r){for(X=i,Y=j,T=9;T--;)U=X,X=X*X-Y*Y+i,Y=2*U*Y+j;X*X<9&&x.fillRect(i*s+4*s,j*s+2*s,4,4)}

Dec 26 2018 9:54 PM UTC

}// 128/140

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

mandelbrot set

u/katkip

nice #mandelbrot #fractal

show FPS hide FPS share fullscreen

rbong

function u(t) {

for(X=960;X--;x.fillStyle=`hsl(${(t+k)*25},99%,50%)`,x.fillRect(X*2,t%9*120,2,2))for(r=i=0,k=45;--k/r;i=j)j=2*r*i+1-t%9/54,r=r*r-i*i-X/4800

Oct 28 2018 8: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).

Scanline Rainbow Mandelbrot Section

Show more comments…
u/rbong

I've spent quite a bit of time now trying to get a faster, more detailed mandelbrot set or other interesting fractal that hasn't been done in fewer characters. This has included exploring obscure fractals like those generated from polynomial roots, using image data as storage or other memoization, and the dweet earlier that used WebAssembly with a new compression technique. I'll keep exploring these ideas, but this experiment bore the quickest result. #fractal #mandelbrot #scanline #rainbow
u/rbong

Oh yeah, I also tried MAndelbrot perturbation. It's pretty expensive for these purposes but I might be able to do something similar.
u/Xen

Love it!
u/tomxor

I'd love to see more fractals, especially more esoteric ones, keep up the good work rbong.
u/katkip

Great job bro!! I love this one!
u/lionleaf

Amazing!
u/iverjo

#slow_render

show FPS hide FPS share fullscreen

MudkipGuy

function u(t) {

eval(unescape(escape`景爨爽䵡瑨⹲慮摯洬樽〻樫⬼㤹㬩筦潲⡡㴳⩲⠩Ɫ㴲⩲⠩Ⱪ㵣㵤㴰Ɒ㴱㔻椼瀦♣⩣㰴㭩⬫⥥㵣Ᵽ㵣⩣ⵤ⩤⭡ⴲⱤ㴲⩤⩥⭢ⴱ㭸⹦楬汓瑹汥㴢桳氨∫椪瀫∬㔰┬㔰┩∬砮晩汬剥捴⠶㐰⩡ⰵ㐰⩢ⱰⱰ⥽`.replace(/u(..)/g,"$1%")))

Oct 24 2018 10:26 AM UTC

}// 134/140

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

Mandelbrot Set

Show more comments…
u/MudkipGuy

uncompressed source:
u/MudkipGuy

for(r=Math.random,j=0;j++<99;){for(a=3*r(),b=2*r(),i=c=d=0,p=15;i<p&&c*c<4;i++)e=c,c=c*c-d*d+a-2,d=2*d*e+b-1;x.fillStyle="hsl("+i*p+",50%,50%)",x.fillRect(640*a,540*b,p,p)}
u/yonatan

for(j=99;j--;x.fillStyle=hsl(${i*9} 50%50%,x.fillRect(640*a,540*b,9,9))for(b=(z=j*t)**3%2,a=z**5%3,i=c=d=0;i<15&c*c<4;i++)e=c,c=c*c-d*d+a-2,d=2*d*e+b-1
u/yonatan

Nice one!
u/katkip

#mandelbrot #fractal
u/magna

#waitforit
u/joeytwiddle

Novel!
u/iverjo

Nice! Now make the rectangles progressively smaller, so that the image becomes more and more detailed over time
u/MudkipGuy

heh! I was already playing around with that... for(r=Math.random,j=99;j--;){for(a=3*r(),b=2*r(),i=c=d=0;i<30&&c*c<4;i++)e=c,c=c*c-d*d+a-2,d=2*d*e+b-1;x.fillStyle="hsl("+i*8+",50%,50%)",x.fillRect(640*a,540*b,p=30/t**.5,p)}
u/katkip

Awesome!

dwitter.net | #Mandelbrot