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

Perlin noise

In this multi-part coding challenge I show how to use a noise field and polar coordinates to create a perfect GIF loop.

Polar Noise Loops

In this coding challenge, I implement a pixel-based “fire” algorithm using Processing (Java).

Fire Effect

Let's attempt to create a snowfall simulation using p5.js, sprite sheets and Perlin noise wind!

Snowfall

Inspired by Everest Pipkin’s Moth Generator, I use trigonometry and perlin noise to procedurally generate butterfly wing designs with p5.js.

Butterfly Generator

In this coding challenge, I simulate a blob-like shape with wobbly edges using beginShape(), endShape(), polar coordinates, and perlin noise.

Blobby!

In this coding challenge, I use Perlin noise to create a two-dimensional flow field with the p5.js library.

Perlin Noise Flow Field

Let's fly to new heights with a 3D terrain coding challenge! Using Perlin Noise and beginShape() + endShape() with triangle strips, I'll guide you through visualizing a 3D procedural terrain in Processing.

3D Terrain Generation with Perlin Noise