Join Engin Arslan for an in-depth discussion in this video Stats.js, part of Learning 3D Graphics on the Web with Three.js.
- [Instructor] One thing you might be wondering is…how do we know the upper bound of particles…that we can have in the scene?…It would have been good to understand…the performance implications of our scenes.…That's a very valid question.…And to be able to monitor performance,…you could use a library called stats.js.…You can find this library inside their GitHub repo.…I have already downloaded this file…and you include it in the lib folder…of the project files.…If you had been following along,…you can copy and paste or enter this line…into your HTML file.…
You can instantiate this task library by calling…stats function.…I'm going to instantiate it by using the new keyword.…Then we need to append the dom element for this library…into the body of our HTML document as well.…To be able to do this,…I will be choosing the document body…and I will be using the appendChild method…to append the dom element of the stats library.…
Having done this, if you are to pass stats.js…into the update function and call this update method,…
- Building a simple scene
- Creating three.js 3D objects
- Adding light and shadows
- Animating with Tween.js
- Working with materials and textures
- Editing and importing geometries
- Creating a particle system
- Post-processing with effects and shaders
Skill Level Intermediate
1. Building a Simple Scene
2. Three.js Scene Object
5. Materials and Textures
Next steps1m 53s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.