Here are the projects, from simpler experiments to more advanced rendering work.

🧊 Cube 3D

An interactive 3D geometry showcase focused on lighting, geometry, and orbit controls.

Live Preview: https://cube-3d.onrender.com Source Code: https://github.com/mohnasr137/cube-3d

🚀 Tube 3D

A sci-fi neon tunnel featuring spline-based camera movement and UnrealBloom post-processing.

Live Preview: https://tube-3d.onrender.com Source Code: https://github.com/mohnasr137/tube-3d

🌍 Earth 3D

A real-time 3D Earth featuring textures, clouds, city lights, procedural stars, and a custom GLSL atmospheric shader.

Live Preview: https://earth-3d.onrender.com Source Code: https://github.com/mohnasr137/earth-3d

🌌 Gravity 3D

A real-time physics simulation using Rapier 3D, with hundreds of bodies interacting through gravity and collisions.

Live Preview: https://gravity-3d.onrender.com Source Code: https://github.com/mohnasr137/gravity-3d

🔷 Icosahedron 3D

The project I explored the most from a rendering perspective.

It uses InstancedMesh, offscreen rendering, FBOs, and GLSL shaders to experiment with the WebGL rendering pipeline.

Live Preview: https://icosahedron-3d.onrender.com Source Code: https://github.com/mohnasr137/icosahedron-3d

These projects started as experiments, but revisiting them gave me a better understanding of WebGL rendering, shaders, post-processing, instancing, and real-time physics.

I'm especially interested in exploring the lower-level rendering side of WebGL and understanding what happens beyond the usual Three.js abstractions.

Which project or technique would you be most interested in exploring?