
I built a 3D Physics Engine for the Browser because textbooks are too flat 💎
Let’s be honest: trying to understand Solid State Physics from a 2D textbook is a nightmare. I’m currently finishing my M.Sc. in Physics, and like many students, I spent hours squinting at diagrams of "Brillouin Zones" and "Reciprocal Space." These are complex, 3D mathematical shapes that define how electrons move in a crystal. On paper, they look like a mess of overlapping lines. In reality, they are beautiful, symmetric architectures. I decided that if I couldn't find a way to see them clearly, I’d build one. That’s how SolidState3D was born. The Stack I wanted the tool to be accessible to anyone with a browser—no heavy software installs or Python environments required. Framework: Next.js (App Router) 3D Rendering: React Three Fiber / Three.js Styling: Tailwind CSS The "Brain": Custom geometric logic to calculate vertices for the 14 Bravais Lattices and their corresponding Brillouin Zones. The Biggest Challenge: The "Reciprocal Flip" The hardest part wasn't the UI; it was the math. I
Continue reading on Dev.to Webdev
Opens in a new tab


