// about
About the Project
A futuristic cyberpunk-themed portfolio concept set in the year 2087. The entire visual language is built around a neon cyan and magenta color palette, scanline overlays, HUD corners, and glitch typography. The hero features a live Three.js 3D icosahedron with floating particle clouds and orbiting torus rings that react to mouse movement. The about section renders an animated DNA double helix via WebGL, and all five works cards have their own generative canvas backgrounds — matrix rain, terrain waves, particle systems, animated grids, and sine wave art. A preloader with a flashing 8×8 grid runs before the page initializes.
// key features
What It Does
Three.js 3D Hero
Rotating icosahedron, wireframe rings, and 300 floating particles — all reactive to mouse position in real-time.
WebGL DNA Helix
The about section renders an animated double helix using Three.js CatmullRomCurve and TubeGeometry.
Generative Canvas Art
Five works cards each with a unique canvas animation: matrix rain, terrain, particles, grid, and wave forms.
Cyberpunk UI System
Triple-layer custom cursor, scanline overlay, HUD corners, glitch text animation, and a preloader grid.
// stack
Technologies Used
HTML5
CSS3
JavaScript
Three.js
WebGL
Canvas API
Orbitron Font