The latest articles on DEV Community by Sai Akshith Akshintala (@akshith_dev). https://dev.to/akshith_dev https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3843780%2Fe6d1fb16-18b4-4d76-a041-8152276984b0.png https://dev.to/akshith_dev en Sai Akshith Akshintala Wed, 25 Mar 2026 22:08:07 +0000 https://dev.to/akshith_dev/built-a-3d-batman-themed-portfolio-gd9 https://dev.to/akshith_dev/built-a-3d-batman-themed-portfolio-gd9 <p>The Hook<br> Most portfolios are flat. I wanted mine to feel like a high-performance terminal. So, I built a 3D experience using Three.js featuring a custom Batmobile and a "Turbo" navigation system.</p> <p>The Tech Stack</p> <p>3D Engine: Three.js (WebGL)</p> <p>Logic: Vanilla JS (Zero bloat, 60FPS)</p> <p>The Vibe: Dark mode, high-contrast gold/blue, and procedural geometries.</p> <p>What I Learned</p> <p>Camera Smoothing: Using lerp() (Linear Interpolation) to make the camera glide between sections instead of jumping.</p> <p>Performance: Optimizing shaders and particle counts so it runs smoothly on mobile without melting your battery.</p> <p>State Management: Syncing the 3D scene's "speed" (acceleration) with the user's scroll depth.</p> <p>Check out the source code:<br> I've open-sourced the 3D logic here:<br> 👉 <a href="https://github.com/saiakshithakshintala266-collab/saiakshithakshintala266-collab.github.io" rel="noopener noreferrer">https://github.com/saiakshithakshintala266-collab/saiakshithakshintala266-collab.github.io</a></p> <p>Live Demo: <a href="https://dev.tourl">saiakshith.me</a></p> javascript opensource showdev webdev