Learning Objectives
Students will be able to:
- Practice analyzing form in detail
- Practice identifying common tactics in programming
- Practice developing strategies for procedural generation
- Practice reverse engineering procedural generation approaches
- Explore some common methods for aesthetically arranging points on a plane
- Consider the difference between learning to program and learning a programming language.
| Time |
Duration |
Purpose |
Format |
Name |
| 9:00 |
40 |
Activate |
Discussion |
Sketch Review |
| 9:40 |
20 |
Activate |
Activity |
What's the Difference? |
| 10:00 |
20 |
Study |
Lecture |
Key Points |
| 10:20 |
10 |
|
|
Break |
| 10:30 |
20 |
Activate |
Activity |
Tactics Match |
| 10:50 |
20 |
Study |
Discussion |
Q+A |
| 11:10 |
10 |
Util |
|
Next Week |
| 11:20 |
20 |
Study |
Live-Code |
Challenge Solutions |
| 11:40 |
|
|
|
End |
|
|
|
|
|
Sketch Review
<aside>
🧟 1) Discuss your question.
2) Look for related sketches from the past week.
3) Answer your question using a related sketch to illustrate your points.
4) Add your key points and a link to your selected sketch below.
5) Share your screen to present and discuss your question, answer, and related sketch.
</aside>
-
Choose a common theme that has appeared in several pieces. Discuss the theme and two example sketches.
3D theme




- Parameters let you interact more with the object along x, y, and z axes
- Experience 3D more with help of parameters → see perspective when interacting



-
Choose a work that you feel used parameters very well. Why did you choose this piece?
Olivier’s Code:

https://compform.net/js_lab/js_lab.html?https://sketches2022spring.compform.net/posts/ofCd7fvfXQ7EXCSpj/code
-
Choose a work that you like and don’t know how it was made. Describe what you see.
- a pale pale pink colored blob made of lines and money signs
- this is surrounded by a dark background made from the same texture
- below the pink blob are white / red / and blue patches reminiscent of the lapels / tie / collar of someone wearing a suit

-
What benefits does starting with a plan have?
- Face generator: we feel that everyone probably planned what they want to create.
- What do we want to draw? What do we want to change? Image (drawn) constraints - such as position we want on the 500 by 500 canvas.
- What do we want to have change?
- What is the aesthetic?
- preload(){}
- Would have a clear goal finding solutions.
- More efficient coding, do not have to go back and fix image assets later
-
What benefits does starting without a plan have?