Fractal Worlds: new fractal “Xastrodu”

I’ve been experimenting with WebGPU + Three.js to raymarch fractals in real time.
The first interactive fractal world is now live: https://fractalworlds.io

You can:

  • Fly around with the mouse + WASD (hold Shift to move faster)

  • Press Spacebar to randomize and animate fractal parameters

  • Tweak settings in the GUI to explore different looks

Would love feedback from the community — both on the visuals and on performance across different GPUs/browsers!

16 Likes

Works very good on my 4060ti

2 Likes

Wow this is Incredible. A++

2 Likes

Not only are the graphics amazing, but I like how you have used the mouse to control movement - very smooth. All it needs is some gentle music and, maybe musical sound effects as you crash through barriers. It reminds me of watching the “The Minds Eye”, an animation video produced in 1990 that probably took years to create and had no graphics nearly as good as this. Kudos!.

2 Likes

Thanks a lot for testing. Also wanted to say your TSL tutorial (https://sbcode.net/tsl/) was a huge help for me to get started, super clear and a great resource!

4 Likes

120 fps on a 2024 MacBook Pro M4 and Firefox.

Same framerate with “Target FPS” set to 120 (was initially set @ 30).

No drop in framerate during turbo mode.

1 Like

Thanks, you’ve actually inspired me to add some fractal content to it.
Here is a preview of my Juliabulb so far.

7 Likes

This is awesome!!! Congrats!

1 Like

Very cool. It’s obvious how much you love fractals.

I really like the soft union with the “companion”, that was a fun surprise.

1 Like

Hey hang on, talk about burying the lede … fractalworlds is built with TSL?!? :exploding_head:

1 Like

Hey everyone, first of all thank you for all the awesome comments and positive feedback last week :folded_hands: It really means a lot!

Based on your feedback, I’ve added:

  • Mouse look (toggle with Ctrl)

  • Autopilot (Controls → Camera → Auto-forward)

  • Simple mobile controls

  • 7 albedo textures

  • A bunch of bug fixes

Next to that, I implemented:

  • A new fractal formula

  • PBR lighting model (tweak under Controls → Shading)

  • 3 environment maps

  • Config logic per fractal

  • More exposed parameters in the controls panel

  • A basic site with a gallery page

Would love to hear your feedback on visuals, features, or performance.
Check it out here: https://fractalworlds.io/

5 Likes

Excellent. I put a link to it for you, in my “useful links” section, on my Kleinien Inversion Fractal page.

2 Likes

Just added a new fractal formula called Xastrodu. Also fixed mouse look, so exploring is way smoother now. :backhand_index_pointing_right: fractalworlds.io

5 Likes

absolutely nuts. very cool.

1 Like

Only the second one seems to be working. The others all give the same error:

Uncaught TypeError: Cannot read properties of null (reading ‘complete’)
at dM.updateTexture (index-Cir0gFgh.js:71:88020)

Thanks for the heads-up! I’ll look into adding some proper fallbacks so it doesn’t crash when a texture fails to load.

Mesmerizing! I’m like a fly stuck towards a light.

I had difficulty navigating because the mouse control seems to be centered towards the upper left of the scene. This video shows it:

You can see there it moves much more quickly when the mouse is on the right side.

If you can make first-person controls like this threejs example, including locking the mouse, I think that will make it easier to control. The only different would be flying with no gravity.