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.

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.