{"repo":"meta-quest/webxr-first-steps","free":true,"listed":false,"github":"https://github.com/meta-quest/webxr-first-steps","clone":"git clone https://github.com/meta-quest/webxr-first-steps.git","description":"Your first steps into immersive web development with WebXR.","language":"JavaScript","stars":176,"topics":["threejs","webgl","webxr","sample","meta"],"license":"MIT","category":"game-templates","readme_excerpt":"Welcome to WebXR First Steps ! This 2-hour tutorial is designed to help you take your first steps into developing immersive WebXR experiences using Three.js. Whether you’re a web developer looking to expand your skillset or a hobbyist interested in creating virtual reality (VR) applications, this tutorial will guide you through the fundamentals of building interactive 3D worlds for the web. What You’ll Build By the end of this tutorial, you’ll have created a fully functional WebXR game where players can use VR controllers to shoot targets, track their score, and enjoy an immersive experience complete with sound, vibration, and smooth animations. Here's what the final experience looks like: Target Practice Gameplay Setting Up Your Local Development Environment To prepare your development environment and get started with building your WebXR experience, follow the steps below: 1. Clone this repository : 2. Verify that you have Node.js and npm installed : - Node.js version: 20.x or later - npm version: 10.x or later You can check your versions with these commands: 3. Install dependencies : 4. Run the local development server : After running the above command, your development server will be available at localhost:8081 . Developing with a Headset You can access the local development server from your XR headset by using one of two methods: via the IP address of your computer or by using ADB with port forwarding. Accessing the Local Server on Your Headset via IP Address On most home","default_branch":null,"files":null,"tree":[],"storefront":"/r/meta-quest","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/meta-quest/webxr-first-steps/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}