Vertex Prime

Vertex Prime at midnight: Showcasing the custom glowing particle engine and interactive dark-mode UI for weather & time controls.

Inspiration

Static approach ko break karke, spatial web design ko next level pe le jane ka idea tha. Spatial computing aur modern web APIs ko mix karke, ek Game-like, immersive spatial tour platform banana hamara aim tha. jisme user ko 3D world ke andar deep, interactive spatial feelings ho.

What we learned

Hamne high-fidelity Three.js/WebGL application optimization par deep learning ki. iske alawa, advanced GLSL mouse shaders ko optimize karna, complex cinematic scroll timelines ko state management ke sath sync karna, aur real-time lighting transitions par grip banayi.

How we built it

Poora frontend architect Vite + React par hai. Core visualization ke liye Three.js optimized scene use ki, jisme custom spatial models loaded hain. Humne state management ke sath custom OrbitControls ko map kiya. mouse displacement effect ke liye custom GLSL Shaders use kiye. complex glow ke liye Post-Processing stack manage ki aur rain/snow effects, physics base particle engine par built hain.

Challenges we faced

Sabse badi challenge advanced post-processing (UnrealBloomPass) aur high-polygon 3D models ke bich performance balance maintain karna thi. different browsers aur spatial scroll controls par dynamic behavior predictable aur smooth rakhna difficult tha. optimization process mein bahut time gaya.