Bao Bao Triangles

When I was reading the triangular mesh tutorial on Generative Artistry, I was reminded of the famous Bao Bao bag by Issey Miyake:

Triangular Mesh on Generative Artistry
Triangular Mesh on Generative Artistry
Issey Miyake's Bao Bao
Issey Miyake's Bao Bao

One difference between them is that the triangular mesh uses random triangle offsets and random colors, whereas in a real-world design we seldom see complete randomness. That’s where noises, such as the Perlin noise introduced in day 5, can come useful.

The Task

Below are two triangular meshes with complete randomness and with Perlin noise. As you can see, the image generated with Perlin noise features smoother triangle offsets and color shifts.

Random Triangles
Random Triangles
Perlin Triangles
Perlin Triangles

Follow Generative Artistry’s tutorial to recreate both, and then recreate a Bao Bao bag with code. You can use my p5.js port as a starting point.

When you are all done, post your work on Twitter with the hashtag #codecember and #day8. Remember to include a link to the source code, so others can learn from your creation. We look forward to seeing your sketch!

Yours,
Pine & Anthony