Challenges

Featured Challenge:
#185 — Dragon Curve

The Dragon Curve fractal is created by repeatedly folding a strip of paper in half, then unfolding it to form a curve. In this challenge, I attempt to code an animation of the Dragon Curve forming with p5.js in JavaScript.

aug 18, 2024

Dragon Curve

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