Challenges

Featured Challenge:
#184 — Elastic Collisions

What happens when two circles collide in a p5.js canvas? In this video, I examine the math and implement idealized elastic collisions in a JavaScript physics simulation. This video supplements the Nature of Code book series in Chapter 6 which uses 3rd party physics libraries to handle collisions rather than a direct implementation.

jul 12, 2024

Elastic Collisions

Filter by Language

Pick a language to filter

Filter by Topic

physics engine

An attempt to implement the basic mechanics of Angry Birds in JavaScript using p5.js and the matter.js physics engine.

Angry Birds with Matter.js

In this two part challenge, I cover beginShape(), endShape(), and texture(), TRIANGLE_STRIP, QUAD_STRIP, and more. I combine these geometry functions with the Toxiclibs physics library to simulate a waving flag (with a unikitty image texture!)

Texturing Cloth Simulation

I love all things random and chance so why not make a Plink simulation with the matter.js physics engine and p5.js!

Plinko with Matter.js