Randomization Techniques

Programming Design Systems, Week 8.

Although entirely done by hand, random positioning and coloring has been used throughout arts history to create expressive and dynamic designs. With the computer we have the ability to move beyond simple random shapes and create design systems that are entirely dynamic in nature – code that creates new and exciting outputs within the broader design constraints.

Dynamic logos, generative color schemes, and type systems are all possible because of the simple concept of letting the computer choose a number for you. The aim of this class is to introduce several interesting ways of using randomization in the design process.

Randomization in P5.js

The following links show different techniques for randomization in P5.js

Chance - Do something 50% of the time.
Weighted Randomness - Pick from a set of values with different chances (weights) of getting picked.
Seed Random - Manually set the seed of your random function to make it run the same sequence every time the code runs.
Perlin Noise - Perlin vs. random!
Iceberg made with Perlin Noise
Animated Iceberg made with Perlin Noise
Perlin Noise 2D
Perlin Noise Fire
Perlin Noise Animation