New #fractal 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 fullscreen

sortie

function u(t) {

for(X=1920;X--;x.fillStyle=R(8*n),x.fillRect(X,t*60,1,1))for(C=A=X/960-1.5,D=B=t/9-1,n=0;n<32&C*C+D*D<4;n++)E=C*C-D*D+A,D=2*C*D+B,C=E

Mar 1 2017 10:43 PM UTC

}// 133/140

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

u/SpecialAgent

Nice fractal!
u/hamptonio

Very nice using the time more internally, this is much faster than others I've modified.
u/vonzo

wow
u/katkip

Wow! This #fractal looks awesome

show FPS hide FPS share 1 remix fullscreen

FireFly

remix of d/1689 by u/FireFly

function u(t) {

for(s='0',i=6;i--;c=s[t*60|0])s=s.replace(/\d/g,i=>['+1-0-1+','-0+1+0-'][i]);c<2?x.translate(18,0,x.fillRect(0,0,18,3)):x.rotate(c+60/57.3)

Mar 1 2017 5:45 PM UTC

}// 139/140

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

L-system visualizer. Sierpiński arrowhead curve

u/donbright

brilliant.... any description of how it works?
u/donbright

n/m i see you explain it in 1688, thanks!
u/tomkh

haha... using translate/rotate is a cool hack! reminds me of LOGO turtle
u/FireFly

Hehe, it's handy to offload the job of keeping track of the turtle to the canvas.
u/katkip

#fractal

show FPS hide FPS share fullscreen

hamptonio

remix of d/123 by u/icecuber

function u(t) {

t?i++:i=0;for(j=1e3;j--;){a=b=0;k=256;for(;k--&&a*a+b*b<4;)c=a*a-b*b+i/1e4,b=2*a*b+j/1e4+.6,a=c;x.fillRect(i,j,1,S(k))}

Feb 26 2017 9:48 PM UTC

}// 119/140

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

u/iverjo

Worth the wait
u/hamptonio

Yeah its pretty damn slow.
u/KHymatim

Mmmmm
u/iverjo

#fractal

show FPS hide FPS share fullscreen

iverjo

remix of d/464 by u/iverjo

function u(t) {

for(j=1080;j--;){a=b=0;for(k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+t*6e-10-1,b=Math.abs(2*a*b)+j/1e11-1;x.fillRect(t*60,j,1,S(k/9))}

Feb 23 2017 5:10 PM UTC

}// 126/140

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

Burning ship fractal. Feel free to play with the parameters to find other interesting locations in the fractal

show FPS hide FPS share 3 remixes fullscreen

iverjo

remix of d/123 by u/icecuber

function u(t) {

i=frame;for(j=1080;j--;){a=b=0;for(k=35;k--&&a*a+b*b<4;)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1,a=c;x.fillStyle=R(k,j,i);x.fillRect(i,j,1,S(k/9))}

Feb 22 2017 6:10 PM UTC

}// 140/140

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

Color version, a minified version of myJS's suggestion

Show more comments…
u/bakkot

golf'd slightly harder on general principles: i=frame;for(j=1080;j--;x.fillRect(i,j,1,S(k/9),x.fillStyle=R(k,j,i)))for(a=b=0,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1
u/donbright

niiiice
u/Krachwumm

This is freaking amazing. Even if it would have taken you 1000 characters
u/iverjo

Thanks bakkot! I golfed your version even further down to 134 characters: for(j=1080;j--;x.fillRect(i=frame,j,1,S(k/9),x.fillStyle=R(k,j,i)))for(a=b=0,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1
u/iverjo

Feel free to play with the colors! There's room for improvement
u/hamptonio

That's a work of art man
u/SpecialAgent

I must commend you! Did my research and got a working mandelbrot, but to golf it to 140 and get the speed is very very difficult! Wow. I will study your dweet now :)
u/iverjo

#fractal
u/iverjo

#mandelbrot
u/iverjo

#slow_render
u/f8f82804

#scanline

show FPS hide FPS share 3 remixes fullscreen

p01

function u(t) {

c.width|=0;for(n=200;n-=1/64;x.fillRect(n%3*666,n*5,h=8-k,h))for(r=C(t*3),i=S(t*4),k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i+1-n%3

Feb 21 2017 9:42 PM UTC

}// 128/140

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

u/donbright

wow!
u/iverjo

#fractal
u/galactustrombone

IS THAT THE MANDELBROT SET?
u/katkip

yep
u/joeytwiddle

#mandelbrot
u/DaSpider

Somehow this runs much faster in my codebase https://repl.it/@rogerio_neves/Dwitter-codeb…

show FPS hide FPS share 4 remixes fullscreen

mxfh

function u(t) {

d=x.getImageData(0,0,w=c.width=256,h=144);for(i=0;i<h;i++)for(j=0;j<w;j++)d.data[(i*w+j)*4+3]=(i-j&j+i)*t%w;x.putImageData(d,0,0)

Feb 20 2017 3:43 AM UTC

}// 129/140

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

Show more comments…
u/jim

This is my favorite demo on Dwitter so far
u/mxfh

first draft on documenting the more obvious parts: https://news.ycombinator.com/item?id=13712558
u/hamptonio

pretty sick
u/mxfh

drone audiosoundtrack paste this:
u/mxfh

;new Audio("data:audio/wav;base64,"+window.btoa('RIFF$WAVEfmt data'+x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/mxfh

//safer encoding: ;new Audio("data:audio/wav;base64,UklGRiQAAgBXQVZFZm10IBAAAAABAAIAAIAAAAAAAgAEABAAZGF0YQAA"+window.btoa(x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/Xaviaro

Breathtaking!
u/lionleaf

#fractal #recursive
u/Galaxtone

Of you let it run long enough it returns to the original image but sort of pixelated and a little more and it'll return to the original image

show FPS hide FPS share 2 remixes fullscreen

iverjo

function u(t) {

t?i++:i=0;for(j=1080;j--;){a=b=0;k=35;for(;k--&&a*a+b*b<4;)c=a*a-b*b+i/1e11-1,b=Math.abs(2*a*b)+j/1e11-1,a=c;x.fillRect(i,j,1,S(k/9))}

Sep 28 2016 1:14 PM UTC

}// 134/140

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

Burning ship fractal, zoomed in on an interesting point

Show more comments…
u/iverjo

128 characters: for(j=1080;j--;){a=b=0;k=35;for(;k--&&a*a+b*b<4;)c=a*a-b*b+t*6e-10-1,b=Math.abs(2*a*b)+j/1e11-1,a=c;x.fillRect(t*60,j,1,S(k/9))}
u/iverjo

127 characters: for(j=1080;j--;){a=b=0;for(k=35;k--&&a*a+b*b<4;)c=a*a-b*b+t*6e-10-1,b=Math.abs(2*a*b)+j/1e11-1,a=c;x.fillRect(t*60,j,1,S(k/9))}
u/iverjo

126 characters: for(j=1080;j--;){a=b=0;for(k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+t*6e-10-1,b=Math.abs(2*a*b)+j/1e11-1;x.fillRect(t*60,j,1,S(k/9))}
u/donbright

speechless!!
u/iverjo

#fractal
u/iverjo

#burningship

show FPS hide FPS share fullscreen

quarterto

function u(t) {

t?i++:i=0;for(j=1080;j--;){a=b=0;k=35;for(;k--&&a*a+b*b<4;)c=a*a-b*b+i/540-2,b=Math.abs(2*a*b)+j/540-1,a=c;x.fillRect(i,j,1,S(k/9))}

Sep 26 2016 5:43 PM UTC

}// 132/140

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

u/iverjo

Burning Ship fractal
u/iverjo

#burningship #fractal

show FPS hide FPS share 4 remixes fullscreen

icecuber

function u(t) {

t?i++:i=0;for(j=1080;j--;){a=b=0;k=35;for(;k--&&a*a+b*b<4;)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1,a=c;x.fillRect(i,j,1,S(k/9))}

Apr 13 2016 1:46 PM UTC

}// 122/140

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

u/iverjo

115 bytes: for(j=1080;j--;a=b=0){for(k=35;k--&&a*a+b*b<4;a=y)y=a*a-b*b+t*60/540-2,b=2*a*b+j/540-1;x.fillRect(t*60,j,1,S(k/9))}
u/iverjo

Here's one that draws faster: for(i=4;i--;){for(j=1080;j--;a=b=0){for(k=35;k--&&a*a+b*b<4;a=y,l=t*240+i)y=a*a-b*b+l/540-2,b=2*a*b+j/540-1;x.fillRect(l,j,1,S(k/9))}}
u/iverjo

Nvm, they depend on various variables being defined. I was fooled.
u/myJS

How about colors? t?i++:i=0;for(j=1080;j--;){a=b=0;k=35;for(;k--&&a*a+b*b<4;)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1,a=c;x.fillStyle=R(k,j,i);x.fillRect(i,j,1,S(k/9))}
u/sfz

Nice enhancement myJS!
u/lionleaf

#scanline #slow_render #fractal #fractals

dwitter.net | #fractal