Portfolio showcasing projects and research. Zola 2026-02-01T00:00:00+00:00 https://blog.sooraj.fun/tags/three-js/atom.xml 2026-02-01T00:00:00+00:00 2026-02-01T00:00:00+00:00 Unknown https://blog.sooraj.fun/projects/echoes-in-orbit/ <p>An immersive 3D spherical planetarium planet simulation where user confessions are placed using Fibonacci sphere distribution.</p> <h3 id="why-it-exists">Why it exists</h3> <p>A fun, quiet weekend project. I wanted a space where confessions could float, not as a flat feed of text, but as a constellation of glowing stars you could explore in 3D.</p> <h3 id="how-it-works">How it works</h3> <ul> <li>Renders a responsive 3D starfield dome using <strong>Three.js</strong> and <strong>React Three Fiber</strong>.</li> <li>Places confession coordinates dynamically using a <strong>Fibonacci sphere distribution algorithm</strong> to ensure even geometric spacing.</li> <li>Groups confessions into five emotional galaxies (Hope, Regret, Dream, Gratitude, Advice).</li> <li>Uses lightweight CSS and shaders to handle micro-animations and realistic stellar glows.</li> </ul> <h3 id="what-happened">What happened</h3> <p>It started on a Saturday morning with a blank canvas and a lot of math errors. Placing elements evenly on a sphere without them clumping at the poles took a few tries (and some coordinate transformations). By Sunday night, it was a working digital universe. Cast your thoughts into the cosmos, and watch them become a star.</p> <h3 id="what-i-d-change">What I'd change</h3> <p>I'd rewrite the rendering loops to batch draw calls using instanced meshes, so the frame rate doesn't drop when the universe gets crowded with thousands of confessions.</p> <h3 id="links">Links</h3> <p><a href="https://github.com/whysooraj/echo-in-orbits">GitHub</a></p>