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?
Impress everyone with a 3D particle scene with Blender and Three.js
2h 11m 56s
English
Paid
Added to CourseFlix
Impress everyone with a 3D particle scene with Blender and Three.js is a 14-lesson 2 hours 11 minutes self-paced course by Awwwards. 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.
Course facts
- Lessons
- 14
- Duration
- 2 hours 11 minutes
- Language
- English
- Added to CourseFlix
- October 2023
- Instructor
- Awwwards
- Price
- Premium
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!
Who teaches Impress everyone with a 3D particle scene with Blender and Three.js? Awwwards
Awwwards is the long-running design-recognition site that selects and showcases the best web design work published online — and now also operates a paid course platform staffed by the same kind of high-craft front-end developers whose sites win Awwwards Site of the Day awards.
The CourseFlix listing carries four Awwwards courses on the visual / animated end of front-end engineering: Impress everyone with a 3D particle scene with Blender and Three.js, Creating a simple portfolio website with WebGL and Barba.js, Merging WebGL and HTML worlds, and Using motion design to animate with purpose. Material is paid and aimed at designers and developers building portfolio-grade interactive sites.
What lessons are included in Impress everyone with a 3D particle scene with Blender and Three.js?
0:00
/ #1: Presentation
All Course Lessons (14)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Presentation Demo | 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 |
Watch the other 13 lessons
One payment unlocks this course and every other premium course. No auto-renew.
See plansWhat courses are similar to Impress everyone with a 3D particle scene with Blender and Three.js?
Updated 3y agoCreate a 3D multi-player game using THREE.js and Socket.IO
By: UdemyWith Socket IO it is very easy to create a game where multiple remote players can share data. In this course we start by installing NODE.js, a prerequisite of S2h 39m
Updated 1mo agoMerging WebGL and HTML worlds
By: AwwwardsLearn to blend WebGL and Three.js effects directly into a plain HTML page, step by step, until both layers feel like one design.2h 30m
Updated 1y agoThree.js & GameDev
By: SimonDevStart with the basics of Three.js and gradually move on to advanced topics such as streaming infinite worlds, GPU memory optimization.47h 38m
Updated 1mo agoThree.js & WebGL 3D Programming Crash Course (VR, OpenGL)
By: UdemyFast, step-by-step Three.js and WebGL crash course: build interactive 3D scenes for the web, with full source code included.1h 32m
Updated 1mo agoCreate Interactive 3D Experiences with TresJS
By: egghead.ioLearn TresJS to build interactive 3D scenes in Vue: objects, lighting, animation, model loading, and reactive, user-driven controls.52m
Updated 1y agoVanilla Three.js Course
By: JavaScript Mastery, Adrian HajdinUnleash your creative potential with the Vanilla Three.js course from JSMastery.pro - the perfect choice for beginners and developers looking to create.31m
More courses by Awwwards
Updated 3y agoUsing motion design to animate with purpose and create delightful experiences
Motion design creates movement, excitement and adds life to otherwise static experiences.2h 52m- Updated 1mo ago
Merging WebGL and HTML worlds
Learn to blend WebGL and Three.js effects directly into a plain HTML page, step by step, until both layers feel like one design.2h 30m 
Updated 3y agoCreating a simple portfolio website with WebGL and Barba.js
Nothing beats smooth user experience. That is the reason we love WebGL, because we can do crazy effects with amazing performance. But if you combine that with s3h 41m
Frequently asked questions
What prerequisites are needed for this course?
Before enrolling, you should have a basic understanding of 3D modeling concepts and some familiarity with Blender and Three.js. The course will cover aspects like loading models and animating particles, so prior experience in similar environments would be beneficial.
What kind of project will I be building in the course?
In this course, you will create a 3D particle scene using Blender and Three.js. This includes tasks such as editing models like a skull and a horse, setting up particles, and animating them to create a visually engaging scene.
Who is the target audience for this course?
The course is designed for developers and digital artists who want to enhance their skills in creating 3D scenes and animations using Blender and Three.js. It's particularly useful for those who prefer to create content independently rather than outsourcing.
How does this course compare in depth to other similar courses?
This course offers a focused exploration on creating a specific type of 3D scene with particles using Blender and Three.js. It covers a streamlined process from setting up projects to final touches, which may be more specific than other general 3D modeling courses.
What specific tools or platforms will I learn to use?
You will learn to use Blender for 3D modeling and edits, such as working with skull and horse models. Additionally, Three.js is used for displaying the 3D scenes in a web environment, and GLSL is introduced for shader programming.
What topics are not covered in this course?
The course does not cover the basics of Blender or Three.js extensively, nor does it delve into advanced particle physics or rendering techniques beyond the scope of creating a single scene.
How much time should I budget to complete the course?
Even though the total runtime is not specified, with 14 lessons covering setup, modeling, and animation, you should expect to spend additional time outside of video lessons for practice and project work. A commitment of a few hours per week over several weeks could be needed to fully grasp the material.