You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
[Generativemasks](https://generativemasks.io/gallery). Made in [p5.js](https://p5js.org/)by Shunsuke Takawo.
17
17
18
18
# Introduction
19
19
@@ -23,7 +23,9 @@ gallery: # Below is for including an image gallery
23
23
24
24
In [parameterized design](https://formandcode.com/code-examples/parameterize-chair), you are a conductor, not just one musician. Instead of creating a single design by drawing every detail step-by-step, you use code to set up rules (called parameters) that can create many different versions of a design.
25
25
26
-
Kabuki theater in Japan uses expressive masks to show different roles in society. For this topic, you will reflect on your own background and design a “mask generator” using customized variables and the random() function. You’ll set the maximum and minimum values into the random() for each mask feature. The mask generator will create multiple values for each mask feature. The generator will use mouse or keyboard interactions to create different versions of your mask. Test it, make changes, and pay close attention to the details as you improve your design.
26
+
Kabuki theater in Japan uses expressive masks to show different roles in society. For this topic, you will reflect on your own background and design a “mask generator” using customized variables and the [random()](https://p5js.org/reference/p5/random/) feature.
27
+
28
+
The generator will use mouse or keyboard interactions to create different versions of your mask. Test it, make changes, and pay close attention to the details as you improve your design.
27
29
28
30
## Premise
29
31
@@ -50,12 +52,12 @@ Build a simple generator that makes multiple variations of the same mask.
@@ -76,27 +78,24 @@ This project will take approximately four 45-minute sessions:
76
78
### Planning your Mask Generator Project
77
79
78
80
1. Draw Your Grid
79
-
80
-
- Use your paper and pencil to draw a large square (around 4x4 inches).
81
-
- Divide the square into a 20 x 20 grid with a ruler.
82
-
- This will help you keep things lined up and make variations easier to compare.
81
+
- Use your paper and pencil to draw a large square (around 4x4 inches).
82
+
- Divide the square into a 20 x 20 grid with a ruler.
83
+
- This will help you keep things lined up and make variations easier to compare.
83
84
84
85
1. Create Two Key Expressions
85
-
86
86
- Using the [Wheel of Emotions](<https://www.isu.edu/media/libraries/counseling-and-testing/documents/Wheel-of-Emotions-Handout-(3).pdf>) as a reference and select two types of emotional expressions.
87
87
- In the first square, draw a mask showing Expression 1 (e.g., inspired, courageous, respected).
88
88
- In the second square, draw the same face showing Expression 2 (e.g., worried, overwhelmed, alienated).
89
89
90
90
1. Keep the features the same, but change features like:
91
-
92
91
- Eyes: big, small, squinted
93
92
- Mouth: smiling, frowning, open, closed
94
93
- Eyebrows: raised, tilted, flat
95
94
96
95
1. Design the In-Between Faces
97
96
- Now, imagine how the mask moves from the first expression to the second.
98
97
- On a new piece of paper, draw 2–3 versions that mix parts of each expression. For example: a mask that’s just starting to frown, or eyes that are half-closed.
0 commit comments