An interactive WebXR experience inspired by the classic arcade reflex game where sticks fall randomly and you must catch them before they hit the ground.
This project was built as a personal learning challenge to explore modern 3D web technologies and experiment with immersive, browser-based XR development.
- Next.js – React framework for modern web apps
- Three.js – WebGL-based 3D engine
- @react-three/fiber – React renderer for Three.js
- @react-three/drei – Useful helpers and abstractions for react-three-fiber
- pnpm – Fast and efficient package manager
- Simulates a 3D stick-dropping arcade machine in a virtual space
- Sticks fall from random positions at random intervals
- Player must "grab" them before they hit the ground (via mouse, touch, or VR controller)
- Scoring is based on speed and precision – great for reflex training
pnpm install
pnpm dev