Top #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

nystrand

function u(t) {

for(i=w=3e3,a=b=g=333*T(t%9/7);j=(i^a*a)%4,i--;x.fillRect(a+=g+C(j*5+t)*g-a/2-w+g,b+=g+S(j*9+t)*g-b/2-w,s,s),w=2)x.fillStyle=R(s=w*9,w,s,.1)

Dec 28 2017 2:50 PM UTC

}// 140/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/sigveseb

This one is fantastic! Good job indeed
u/Bendoman

Brilliant!
u/Xen

very very impressive!
u/magna

HOW ON EARTH
u/nic

MIND:=BLOWN
u/lowpoly

Gawd, I learnt a lot today
u/Citiral

Since when does Javascript support black magic?
u/sigveseb

Needs more upvotes!
u/doof

this was such a delight to unpack :)
u/Lazy1337

wow
u/aleamb

amazing
u/iverjo

I'm awestruck
u/xem

unbelievable
u/trapkid

lol
u/aleamb

epic! one of the greatest dwitter
u/ThreeNPlusOne

sierpinski triangle :D
u/xem

It'd be nice to have a blog post explaining it :) (please?)
u/trupples

I didn't look much into it but it might have to do with a thing I read about once where if you have a point that "walks" half the distance towards a random corner of a triangle you'll end up drawing a sierpinski triangle sorta like you can see in https://www.dwitter.net/d/5097
u/trupples

And according to http://distrustsimplicity.net/articles/sierp… if you were to use 4 points instead of 3 you'd get a tetrahedron like in this dweet. Fascinating stuff
u/stiaje

#witchcraft
u/lionleaf

#top_of_the_year
u/Scaledish

wow
u/Tekmap

👏👏👏👏👏
u/vain

that's not from this world! incredible code / 3d fx and blur
u/rodrigo.siqueira

3D flying #sierpinski pyramid #fractal

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

ben

remix of d/4509 by u/ben

function u(t) {

v=(a,b,g,r)=>{for(i=0;i++<r;)x.fillRect(a+=S(g),b-=C(g),r/9,2)
r>1?v(a,b,g+=o,r*=.7)&v(a,b,g+=5,r):0}
o=S(t)/9+1
c.width=500
v(250,280,0,80)

Dec 29 2017 1:23 PM UTC

}// 140/140

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

blowing in the fractal wind

Show more comments…
u/sigveseb

Sweet!
u/Xen

very nice!
u/Bendoman

Fabulous.
u/lionleaf

Amazing!
u/lynnlangit

love, love, love it!
u/nystrand

elegant!
u/iverjo

#recursive
u/lionleaf

#fractals
u/lionleaf

#fractal . hmm, maybe not plural
u/vain

so beautiful - amazing work!

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

walsh9

function u(t) {

c.width|=Y=(d,e,a,l)=>l?(x.moveTo(d,e),x.lineTo(d+=l*9*C(a),e+=l*9*S(a)),Y(d,e,a-S(t),--l),Y(d,e,a+S(t),l)):0;Y(960,999,4.71,14),x.stroke()

Mar 4 2017 5: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).

fullscreen recommended

u/donbright

unbelievable!!!! wow
u/SpecialAgent

wonderful!
u/CocoMeister

#fractal

show FPS hide FPS share fullscreen

AnnanFay

remix of d/7492 by u/AnnanFay

function u(t) {

c.width|=0
P.push(1+P[2*(1<<Math.log2(f++))-f])
x.fill(new Path2D('M960,540'+P.map(v=>'hv'[v&1]+'-| '[v&2]).join(s=60/t**.5)+s))}{P=[f=1]

Mar 27 2018 9:42 PM UTC

}// 137/140

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

Dragon Curve - filled version

u/Xen

love it!
u/joeytwiddle

novel presentation!
u/katkip

#julia #fractal
u/donbright

now thats a good way to draw a dragon

show FPS hide FPS share fullscreen

yonatan

function u(t) {

c.width|=0
a=(s,A,g,h)=>s<4?[]:[g=s*S(A),h=s*C(A)].concat(a(s*.9,A+t),a(s*.4,A-t),-g,-h)
x.stroke(new Path2D('M960 99l'+a(199,0).join(' ')))

Jan 26 2018 5:44 AM UTC

}// 140/140

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

u/zanella

Great!! Love fractals!! Also, I was hoping to see more dweets using Path2D, I think there's lots os great possibilities in there.
u/sigveseb

Very nice! And shh, Path2D is the hidden secret of the canvas api :D
u/sigveseb

But yeah, can't wait to see more Path2D dweets :)
u/iverjo

#fractal #recursive
u/f8f82804

#path2d
u/vain

just wonderful !

show FPS hide FPS share 3 remixes fullscreen

pavel

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𭀿𜡥𜰺𨐽𨠽𜀻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚀱𞐰𚡢𛀶𜀰𛐱𞐰𚡡𛀱𛀱𚐩𬠽𣑡𭁨𛡲𨑮𩁯𫐨𚐪𞐹𛁛𨐬𨡝👲🀱🱛𜀬𛠱𝠪𨡝𞡲🀸𝠿𦰮𞀵𚡡𚱢𛰲𝐬𛑡𛰲𝐫𛠸𝐪𨠫𜐮𝡝𞡲🀹𜰿𦱡𛰵𛐮𜠶𚡢𛀮𜠳𚡡𚰮𜠲𚡢𚰱𛠶𧐺𦰭𛠱𝐪𨐫𛠲𞀪𨠬𛠲𝠪𨐫𛠲𝀪𨠫𛠴𝁝`.replace(/u../g,'')))

Feb 14 2019 1:28 AM UTC

}// 138/140

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

Barnsley #fern #fractal #compressed

Show more comments…
u/pavel

190 for(i=t?2e3:a=b=0;i--;x.fillRect(190*b,600-190*a,1,1))r=Math.random()*99,[a,b]=r<1?[0,.16*b]:r<86?[.85*a+b/25,-a/25+.85*b+1.6]:r<93?[a/5-.26*b,.23*a+.22*b+1.6]:[-.15*a+.28*b,.26*a+.24*b+.44]
u/tomxor

Holy ****
u/katkip

nice
u/metamero

this is beautiful!
u/lionleaf

That's amazing! #leaf
u/vain

Very nice barnsley fern
u/Joachim

#nature #organic

show FPS hide FPS share fullscreen

nystrand

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀦👩🐶𩐳𞱱🐭𛑩𛰳𯀰𞱸𛡦𪑬𫁒𩑣𭀨𨐯𚁺👺𛰹𞐹𚰮𜀴𚐫𞐰𜀬𨠯𮠫𝐰𜀬𦠽𛠰𜐯𮠯𮠬𦠩𚑛𨐬𨠬𮡝👸𦱱𧑼𯁛𜀬𜀬𝠮𜱝𛁁👺𚡱𙐳𯀰𛁂👱𛱺𙐳𯀰𛁸𦱱𧐽𭀿𦱢𚱡𛰹𞐬𮠬𨐭𨠯𞐹𧐺𛐭𠑼𛐭𠠿𦱡𚱁𚡺𛁢𚱂𚡺𛁩𙐳🱺𛰳𞠹𛐨𬐦𜠩𚠹𧐺𦱝`.replace(/u../g,'')))

Mar 5 2021 3:49 PM UTC

}// 139/140

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

Hollow and somewhat damaged Menger sponge

u/New_Core

"You will be assimilated. Resistance is futile." (comes up in my mind when I see it)
u/UEZ

Well done. Looks very nice. Can somebody explain me what this is about: [a,b,z]=x[q]||[0,0,6.3]. I assume it has something to do with arrays... Thx :-)
u/tomxor

It's called destructuring. The right hand side simply evaluates to an array (x[q] or [0,0,6.3] is x[q] is falsey). Then the elements of this array are assigned to variable names based on positions on the left, e.g a=0, b=0, z=6.3. Note that the left hand side is syntactic sugar, it's not an array literal.
u/UEZ

@tomxor: thx for your explanation. :-)
u/aleamb

#p3d #cube #menger #fractal

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

function u(t) {

c.style.filter='sepia()invert('
r=Math.random
A=X=r()*4-2
B=Y=r()*2-1
for(q=i=540;i--;x.fillRect(X*q+1200,Y*q+q,1,1))X=X*X-Y*Y+(Y=2*Y*X+B,A)

Apr 9 2020 4:39 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 Galaxy #Fractal #SlowDraw

Show more comments…
u/KilledByAPixel

GIF: https://twitter.com/KilledByAPixel/status/12…
u/KilledByAPixel

#Mandelbrot #WaitForIt
u/joeytwiddle

Very pretty! Mandelbrot in space
u/iverjo

Impressive
u/tomxor

Incredible!
u/aleamb

beautiful!!
u/Xen

sexy!
u/DataMeta

coool!
u/KilledByAPixel

thank you 😊
u/KilledByAPixel

#buddhabrot
u/Qwitter

Nice to see

dwitter.net | #Fractal