HoopVR 🏀

HoopVR is a browser-based WebXR basketball shooting experience built with Three.js, Blender, and Cannon-ES. Users can interact with multiple ball types, shoot toward a custom basketball hoop, teleport between shooting positions, and receive real-time score feedback.

Features

• Custom basketball hoop and ball models created in Blender
• Basketball court environment
• Multiple throwable objects
  • Basketball
  • Bowling ball
  • Football
• VR controller-based grabbing and throwing
• Physics-based object motion and collisions using Cannon-ES
• Teleportation between shooting positions
• Score system
• Reset controls
• Instructions HUD
• Debug mode

Tech Stack

• Three.js
• WebXR
• Cannon-ES
• Blender
• GLTFLoader

RUN

• Open the project in VS Code and start a local server.

cd code

• Then open index.html using Live Server.

NOTES

• This project focuses on VR interaction, physics-based throwing, custom 3D assets, and browser-based immersive gameplay.

AUTHOR

Kelvin Ihezue