Three.js - Sandbox

Summary

• 1. Presentation
• 2. Codepen
• 3. Prerequisites
• 4. Installation
• 5. Emulate XR devices in your browser
• 6. Resources
• 7. Comments, suggestions?
• 8. License

1. Presentation

Test area with Three.js. See the result on https://www.jprivet.dev/three.js-sandbox/.

2. Codepen

💡	Find some examples directly on my Codepen.

Three.js - Sandbox 01 - Cube - Simple example	Three.js - Sandbox 05 - Cubes, Stats, GUI, Drag & Drop, Orbit Controls, Controllers, in Classic & VR versions

❗	Unfortunately the VR button does not activate in Codepen. No solution for the moment.

⬆ Back to top

3. Prerequisites

• Be sure to install the latest version of :

  • Node.js.

  • http-server with $ npm install --global http-server.

⬆ Back to top

4. Installation

1. $ git clone git@github.com:jprivet-dev/three.js-sandbox.git.

2. $ cd three.js-sandbox.

3. $ http-server . -p 8000: run files from a local web server.

4. Open your browser on http://127.0.0.1:8000.

⬆ Back to top

5. Emulate XR devices in your browser

• GitHub: WebXR emulator extension by Mozilla Mixed Reality

• Firefox extension: WebXR API Emulator

• Chrome extension: WebXR API Emulator

⬆ Back to top

6. Resources

• https://threejs.org/

• https://threejs.org/docs/#manual/en/introduction/How-to-run-things-locally

⬆ Back to top

7. Comments, suggestions?

Feel free to make comments/suggestions to me in the Git issues section.

⬆ Back to top

8. License

"Three.js - Sandbox" is released under the MIT License.

---

⬆ Back to top