Join Engin Arslan for an in-depth discussion in this video Creating a particle system, part of Learning 3D Graphics on the Web with Three.js.
- [Instructor] I created a new, simplified scene file…for this chapter to be able to illustrate…the concepts of particle systems a bit better.…You can find this file inside the exercise files.…Particles are a common effect in 3D…to stimulate certain kinds of natural phenomena…like rain, snow, dust, et cetera.…But using geometric objects would be…too computationally expensive and even unnecessary.…For this reason, Three.js uses a slightly different…workflow when dealing with particle objects.…
It involves creating a geometry…and populating the vertices with points…and feeding this into a Three.js Points function…which creates a particle system from the inputs.…Or you could alternatively feed in…existing objects into the points function as well.…This method ensures that when the object is rendered,…you don't see any faces or edges but just particles.…We will look at both methods in this chapter.…Let's start off by creating…a particle system from scratch.…As I mentioned earlier, I created a new, simplified…scene file for this chapter, which is available…
- 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
Flash Professional: HTML5 Canvas and WebGLwith Joseph Labrecque1h 36m Intermediate
HTML5: Graphics and Animation with Canvaswith Joe Marini3h 7m 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.