This smoke particle system demo makes use of the p5.Vector class, including the createVector() function. The various calculations for updating particles’ positions and velocities are performed with p5.Vector methods.
The particle system is implemented as a class, which contains an array of objects (of class Particle).
Smoke Particles: Based on Dan Shiffman's example. Revised by Darren Kessner. From 2024 onwards, edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.
You can find the code history of these examples here: 2023 code. You can suggest improvements by contributing to the current website!
Related Examples
A small green circle hovering over a yellow tilted plane at the bottom of the canvas.
Non-Orthogonal Reflection
Simulate a ball bouncing on a slanted surface.
A yellow pentagon on a black background.
Soft Body
Simulate the physics of a soft body accelerating toward the mouse.
9 multicolored circles at varying heights on a grey background.
Forces
Simulate forces on multiple bodies as they move through liquid.
Rainbow colored smoke angled towards the right of the canvas, with a white arrow above the smoke pointing right.
Smoke Particles
Simulate smoke with a particle system.
Grid of squares made of black lines on a white background. Some squares are filled in with solid black.
Game of Life
Recreate John Conway's cellular automaton.
Colorful rendering of the Mandelbrot set.
Mandelbrot Set
Visualize a mathematical set that produces fractal structures.