Module

03

Particles

/ Lesson

03.8

Thousands on the GPU

21

min

Move particle maths into a shader and keep 60 frames a second.

03.8Thousands on the GPU
Intro
▶
04:12 / 21:00

Preview renders the module’s sketch live. Drop your lesson video into the player’s Video field to replace it.

Preview renders the module’s sketch live. Drop your lesson video into the player’s Video field to replace it.

Space to play · ← → to seek

Space to play · ← → to seek

( The code )

The line that does the work.

sketch.js

gl.drawArrays(gl.POINTS, 0, 100000)

Open the Lab from the player and change the numbers in this line first.

( What it draws ) One render of this module’s sketch.

In this lesson

Move particle maths into a shader and keep 60 frames a second. We build it live in about 21 minutes, then you change it in the Lab until it is yours.

Try this after

Change one number at a time and write down what it did. Most of the good surprises in this course come from the third or fourth change, not the first.

( In this module )

Keep going.

← Previous lesson

Curl noise

Next lesson →

Project: an attractor loop

Create a free website with Framer, the website builder loved by startups, designers and agencies.