Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Working with Three.js Particle Systems - They're Awesome

DesignCourse via YouTube

Start learning Write review
Corporate Finance Institute Ad

Learn Excel and Financial Modeling the Way Finance Teams Actually Use Them

Learn More → DataCamp Ad

Power BI Fundamentals - Create visualizations and dashboards from scratch

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This introductory lesson teaches how to create particle systems and visual effects in Three.js. It covers particle geometry and materials, dispersion, blending, animation, mouse interaction, and a CSS clip-path effect.

Syllabus

Intro
Getting Started
Object Geometry
Points Material
Position Array
Particles Mesh
Particle Count
Particle Dispersion
Particle Material
Cross Properties
Blending Properties
Changing Background Color
Rotating Background
Mouse Movement
Y Time
Movement
Clippy
CSS Role
CSS Rule
Clip Path
Fall Down

Taught by

DesignCourse

Reviews

Start your review of Working with Three.js Particle Systems - They're Awesome

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.