📂
📂
📂
📂
Azure Mixed Reality Docs
Search
⌃K
Azure Mixed Reality Curriculum
What is the Metaverse?
Unity Lessons
WebXR Lessons
3D on the Web
WebXR Device APIs
A-Frame
Three.js
Babylon.js
Concepts
Project
How to create your first Scene in Playground
What is an Arc Camera?
What is an Hemispheric Light?
What is a Box Mesh?
Basic Scene Exercises
How to load a 3D model on Playground?
How to add user interactions?
How to add WebXR support?
How to setup a BabylonJS local development environment and project?
How to Create a WebXR Augmented Reality App on Your Local Device
Babylon.js AR scene
Add Speech SDK
Server
Token Util
Create Speech Resources
Resources
WebXR Meetups
Resources
Unreal Engine Lessons
Artificial Intelligence(AI) Lessons
Exercises
FAQ
Glossary
How to contribute?
Powered By GitBook

How to setup a BabylonJS local development environment and project?

Find the code sample on Github​
If you are starting a new project, you can use the below projects as a template on github:
  • ​Basic HTML & JS
  • ​Babylon Webpack es6 by Raanan
  • ​React Babylon by Brianzinn
  • ​Angular Babylon by JohnnyDevNull
  • ​Vue Babylon by Beg-in
Or you can follow the Babylon TypeScript Webpack setup tutorial.

How to add BabylonJS to an existing project

You can use your favorite tool like npm or yarn to add babylon packages. Find more information about BabylonJS NPM packages on the documentation.
Previous
How to add Augmented Reality capabilities to your app?
Next
How to Create a WebXR Augmented Reality App on Your Local Device
Last modified 1yr ago
Export as PDF
Copy link