Impress everyone with a 3D particle scene with Blender and Three.js
When you work as a developer you know that the budget for outsourcing and finding the perfect content creator for your project may be a long and unpleasant process. So what if you do want to create a stunning 3D particle scene, but you have to, or want to, do it on your own?
Read more about the course
With this course you will be able to start from an imperfect model downloaded from a free stock and turn it into something spectacular, without the help of any super talented 3D artist or photographer. For sure we know their work conveys incredible emotions and masterpieces, but we will focus on what we can create when they are not around.
This will be a killer skill, given the importance 3D art gained inside digital projects: it is effectively an alternative to replace images with something interactive that gives more depth and layers to the scene, and can be way lighter than its static sisters.
You will learn how to open and optimise with Blender, export for the web in super light formats, import in THREE.JS to transform the model into a system of thousands of particles, and with Shaders and Shader Materials apply colours and distortions.
At the end of the class, you will master a mind-blowing 3D skill to drop on your future projects.
Now it’s up you: subscribe and enjoy the class!
Watch Online Impress everyone with a 3D particle scene with Blender and Three.js
# | Title | Duration |
---|---|---|
1 | Presentation | 02:52 |
2 | Project Brief | 02:36 |
3 | Setup Project | 06:04 |
4 | Why Blender? | 01:29 |
5 | Find Resources | 01:39 |
6 | Blender edit Skull | 12:22 |
7 | Blender edit Horse | 07:02 |
8 | Load Models | 17:56 |
9 | Particles | 15:44 |
10 | GLSL Intro | 02:16 |
11 | Particles Color | 27:41 |
12 | Animating Particles | 23:48 |
13 | Final Touches | 09:29 |
14 | Final Words | 00:58 |
Similar courses to Impress everyone with a 3D particle scene with Blender and Three.js

Merging WebGL and HTML worldsawwwards.com

Build fancy landing pages with React and ThreejsPaul Henschel (@0xca0a)

Advanced FrontEndsGary Simon

Create a 3D multi-player game using THREE.js and Socket.IOudemy

Three.js Journey - The ultimate Three.js courseBruno Simon

Three.js & WebGL 3D Programming Crash Course (VR, OpenGL)udemy

Shaders for the Websuperhi.com
