Tools and Technologies

• Three.js: for 3D rendering.
• dat.GUI: for creating a user-friendly interface.
• GLSL Shaders: for detailed texturing and lighting effects.
• JavaScript: for scripting and algorithm development.

Research

Extensive research was conducted to understand the principles of fractal geometry and its application in simulating natural structures. The focus was on identifying fractal patterns that closely resemble biological forms, particularly those found in fungi.

Setup with Code Sandbox

Recreating the previous projects in Three.js

Linear

Linear

With three.js renderings

With three.js renderings

Fractal testings

The Mandelbulb

Shadertoy

Shader testings

Shaders

To enhance the visual realism of the shapes, various shaders were explored:

• Vertex Shaders: Used to manipulate the vertices of the mesh geometry on the GPU.
• Fragment Shaders: Utilized to control the pixel color details on the rendered objects.
• Geometry Shaders: Investigated for their ability to generate new geometry from existing vertices. Although not natively supported in WebGL and thus Three.js, potential workarounds were evaluated through custom extensions or simulated effects in vertex and fragment shaders.