Menger Sponge Visualization

3D Cube of Spheres

This visualization displays a 4x4x4 cube composed of 64 colored spheres, with a hue gradient varying across each axis and a gentle rotation animation over a dark, starry background. The scene is rendered in WebGL using Three.js, featuring perspective projection, directional and ambient lighting, and interactive orbit controls for rotating, zooming, and panning. The code organizes configuration parameters in a separate module and uses `THREE.SphereGeometry`, `MeshPhongMaterial`, and `OrbitControls` to construct and manipulate the 3D environment.

Fork of 3D Cube of Spheres

A 3D cube of 100 small boxes forms a sphere-like structure, with each box colored according to its position using HSL values. The entire group slowly rotates around its axes under continuous animation. Built with Three.js, the visualization uses a Fibonacci sphere distribution to position boxes evenly, with `MeshPhongMaterial` for lighting and `OrbitControls` enabling interactive camera rotation, zooming, and panning.

224cs256@kpriet.ac.in

Sierpinsky Pyramid

This example visualizes a 3D Sierpinski triangle as a pyramid built from smaller tetrahedra that align with the faces of the outer shape. Animated via a recursive generation process, the scene renders with Three.js using WebGL and canvas, while OrbitControls enable interactive rotation. The code constructs pyramid geometries and materials with directional and point lights, casts shadows onto a ground plane, and applies ambient lighting. A green background and double-sided white materials highlight the fractal’s structure as the camera orbits freely.

Fork of 3D Cube of Spheres

This interactive 3D simulation depicts a microscopic aquatic environment teeming with protozoa. Three distinct types—paramecium, amoeba, and euglena—each with unique shapes and movement patterns, swim and crawl through a transparent water sphere. The scene is rendered with Three.js, using MeshPhongMaterial for the organisms and a particle system for organic debris. Camera controls allow rotation and zoom, while directional and point lights illuminate the environment, creating a visually rich educational tool.

NNita

Fork of 3D Cube of Spheres

This interactive WebGL visualization displays a 4×4×4 cube of spheres with warm orange color variations. Each sphere uses Three.js MeshPhongMaterial with randomly varied HSL saturation and lightness values, creating a subtle gradient effect. The entire cube group rotates continuously in both the x and y axes through the animation loop, while OrbitControls allows users to zoom and pan around the structure. The scene uses 64 individually positioned spheres, rendered with directional and ambient lighting for depth.

PPremkumar

67% match

Fork of Fork of 3D Cube of Spheres

This interactive 3D visualization explores wave equations, rendering a 10x10x10 grid of spheres whose size and color represent wave amplitude at each point. Users can switch between Helmholtz, membrane wave, Schrödinger, and wave packet solutions through a dropdown menu, adjusting wavenumber and animation speed. Built with Three.js and OrbitControls, the animation computes numerical solutions to each equation in real time, mapping amplitude to sphere scale and hue. The rotating, zoomable view responds to click-and-drag interactions, with lighting provided by directional and ambient light sources.

NNita

67% match

Fractal Cathedral

A procedurally generated fractal cathedral rises from recursive architectural elements, featuring repeating towers, transepts, and glowing rose windows that diminish in scale with each iteration. Built with Three.js, the structure uses `BoxGeometry`, `CylinderGeometry`, and custom `BufferGeometry` meshes with `MeshPhongMaterial` surfaces. The scene includes directional and ambient lighting through `DirectionalLight`, `PointLight`, and `AmbientLight` objects, while `OrbitControls` enable interactive camera orbiting, zooming, and panning.

67% match

Fork of Fork of 3D Cube of Spheres

A ring of colored spheres orbits a central point within a dark 3D space, slowly rotating to reveal its circular arrangement. Built with Three.js, the visualization uses a WebGL renderer and a perspective camera with orbit controls for interactive exploration. Each sphere is positioned using sine and cosine trigonometry, and its hue is mapped to its index around the circle, creating a smooth rainbow gradient. The scene includes directional and ambient lighting, and user-controlled damping enables smooth camera movement.