Tech Stack: Three.js, JavaScript, WebGL, GLSL shaders, HTML/CSS

📝 Description:

Quadplex80 is a visually immersive web experience built using Three.js, designed to showcase real-time 3D graphics directly in the browser. The goal of the project was to blend interactive design, generative visuals, and modern web technologies into a single, engaging interface.

💡 Key Features:

Custom 3D Scene: Created a fully custom 3D environment using Three.js, including geometries, camera movement, and scene rendering logic.

Interactive Elements: Integrated real-time user interaction (e.g., mouse movement, hover, scroll events) to manipulate visual elements and animations on the canvas.

Shader Effects: Used GLSL shaders for creating dynamic lighting, distortion, and texture effects, giving the visuals a futuristic and reactive feel.

Performance Optimizations: Implemented framerate management, efficient rendering practices, and texture loading strategies to ensure smooth performance across devices.

Responsive Web Design: Ensured the 3D experience remains functional and beautiful across various screen sizes and devices, including mobile.

🎯 What I Contributed:

Designed and developed the core Three.js architecture.

Created interactive shaders and animation loops for dynamic effects.

Handled scene optimization, texture mapping, and lighting setup.

Integrated the visual experience into a minimal, clean web layout.

📌 Why It Matters:

This project demonstrates my ability to go beyond traditional UI and work at the intersection of art, technology, and performance. It reflects strong skills in creative coding, 3D graphics, and delivering immersive digital experiences.