Session 1: Today let’s discuss several P5 functions that allow up to get random values, and the map function which allows us to constrain values to specified ranges. In particular we will start to examine Perlin Noise, named after Ken Perlin.
Lab 1: Let continue exploring randomness and Perlin Noise today during the lab.
Problem Set 4: Random vs. Perlin Noise
Due: Week 6, Lab 1 (3 points)
Use the HTML5 canvas tag and JavaScript, and P5.js to explore the noise function in P5. Try making an object or objects(s) follow a path determined by noise, or mapping / graphing coordinates. Use mouse/trackpad interaction to influence the behaviors.
[noise] Returns the Perlin noise value at specified coordinates. Perlin noise is a random sequence generator producing a more naturally ordered, harmonic succession of numbers compared to the standard random() function. It was invented by Ken Perlin in the 1980s and been used since in graphical applications to produce procedural textures, natural motion, shapes, terrains etc.
1. Problems sets are due by the next lab or the specified due date.
2. Submit answers on Canvas uploaded as HTML, JavaScript, CSS, .zip or otherwise as noted.
3. Solutions to each problem set will be given during demos on the day that they are due.
Session 2: Today let’s look at ways in which we might apply Perlin Noise to arrays of objects.
Lab 2: Let’s expand out Perlin Particles to using two dimensional Perlin Noise.
