Published: July 16, 2017 | Last Modified: May 13, 2025

Tags: interactive JavaScript p5.js

Categories: JavaScript p5.js



This sketch maps perlin noise between a value of 0 and 255 across a grid. Values greater than or equal to 100 are “grass”, values between 75 and 100 are “sand”, and values less than or equal to 75 are “water”.

click mouse in iframe to generate a new map

Edit This Sketch