// MISSION DOSSIER

Three rooms

THREE.JS & WEBXR | 3D VR PUZZLE GAME

// TECH STACK & BRIEF

OVERVIEW

An immersive, web-based VR puzzle game built with Three.js. Featuring a stylized low-poly aesthetic, players navigate through three distinct levels to solve detective cases by interacting with NPCs and manipulating 3D objects directly in their browser.

TECH STACK

Three.js WebXR JavaScript Blender
// OPERATOR REPORT

MY ROLE & KEY FEATURES

MY ROLE
DECLASSIFIED
Solo Developer: 3D scene assembly, WebXR interaction mechanics, puzzle logic implementation, and performance optimization for VR headsets.
FEATURE 001
WebXR Interaction
Developed custom interaction logic for the VR environment using Three.js and WebXR. Implemented precise raycasting to allow players to naturally grab objects, solve physics-based puzzles, and trigger branching dialogue with NPCs.
FEATURE 002
VR Framerate Optimization
Maintained a strict high framerate essential for a comfortable VR experience. Leveraged the low-poly art style to minimize polygon counts and optimized Three.js draw calls to prevent rendering bottlenecks on standalone VR headsets.
FEATURE 003
Modular Scene Management
Designed a scalable level-loading architecture. 3D assets, textures, and specific puzzle logic are loaded dynamically per level and disposed of when no longer needed, keeping the browser memory footprint minimal.
// DEPLOYMENT LINKS

TAKE ACTION

PLAY IN BROWSER (VR) VIEW SOURCE CODE