π
π
π
π
Azure Mixed Reality Docs
Searchβ¦
Azure Mixed Reality Curriculum
What is the Metaverse?
Unity Lessons
WebXR Lessons
3D on the Web
Concepts
Project
How to create a basic 3D scene?
BabylonJS Scene
ThreeJS Scene
AFrame Scene
How to create a globe visualization with ThreeJS
Lighting your scene
3D Performance
What could go wrong?
Resources
WebXR Device APIs
A-Frame
Three.js
Babylon.js
WebXR Meetups
Resources
Unreal Engine Lessons
Artificial Intelligence(AI) Lessons
Exercises
FAQ
Glossary
How to contribute?
Powered By
GitBook
ThreeJS Scene
ThreeJS basic scene
Although
Three.js
creates scene, camera and light as well as the object, the code syntax is little different.
Edit fiddle - JSFiddle - Code Playground
JSFiddle Three.js example
β
three.js examples
ThreeJS Orthographic vs Perspective camera example
Exercise
Navigate to the code sample by clicking
Edit in JSFiddle
.
Uncomment the lines 18 and 19 by deleting '/*' and '*/'
Press run to see the animation.
Change the values added to x and y rotation to see the result.
Change the cube's position instead of the rotation value.
Previous
BabylonJS Scene
Next
AFrame Scene
Last modified
1yr ago
Export as PDF
Copy link
Contents
Exercise