Project Ash

An immersive 3D digital exploration and engineering portfolio highlighting high-performance WebGL rendering, custom GLSL shaders, and reactive audio systems.

Visit Project Ash

3D WebGL / Three.js
GLSL Shader Engineering
Nuxt & Vue Architecture

Bespoke WebGL Graphics & Audio-Reactive Shader Pipelines

Project Ash is built around a bespoke Three.js rendering pipeline designed to push browser graphics to native-like responsiveness. Custom GLSL vertex and fragment shaders compute volumetric raymarched distortions, dynamic particle fields, and procedural glow effects that react organically to cursor velocity and touch gestures.

An integrated Web Audio API sound architecture analyzes audio frequency bands in real time, synchronizing bloom intensity, chromatic displacement, and spatial camera oscillations to dynamic soundscapes. Smooth quaternion-based camera easing and multi-layer parallax depth create a tactile 3D world that runs at a stable 60 FPS across both desktop and mobile devices.

60 FPSreal-time WebGL render loop
GLSLprocedural fragment shaders
Web Audiofrequency-reactive visuals

Project Ash interactive 3D WebGL interface and audio-reactive scene.

Nuxt Composition Architecture & High-Efficiency Asset Streaming

To deliver lightning-fast interactive responsiveness, the frontend is built on Nuxt and Vue’s reactive Composition API. GPU rendering cycles are isolated from the DOM state, allowing complex 3D scenes to evolve without blocking UI thread interactions or degrading scroll performance.

The interface leverages Tailwind CSS for minimalist typography and responsive overlays. Geometry and textures are compressed using Draco decoders and progressive WebP streaming, while dynamic device pixel ratio (DPR) throttling ensures high framerates on lower-powered mobile GPUs without sacrificing visual fidelity.

Nuxtreactive Composition API
Dracocompressed 3D geometry
Adaptivedynamic GPU & DPR scaling

Project Ash capabilities and engineering architecture overview.

Crafting software that resonates

Project Ash is driven by the conviction that digital software can be both mathematically rigorous and emotionally captivating. Every transition curve, shader coefficient, and acoustic cue is tuned to create a cohesive sensory atmosphere.

Experience the interactive 3D environment and explore the live soundscape directly at ash.drakon.ir.