Day 01

Welcome to the classes generative design @ HSLU / Digital Ideation. This is the main page for the class, you will find a list of resources available below as well as some other information to help with this 3 weeks workshop. It is advised to download / clone this repo at the beginning of the class and eventually keep the master branch updated. All assignments / exercises should be done by students on the journal branch or some other “blogging platforms” if preferred.

'Vera Molnar Statement'
#veramolnar sharing her artistic process and the profound evolution and revolution of #generativeart in the 1980s unknowingly creating a historic artist statement for time immortal…
> Source

Schedule

Time Desc
9:30 - 10:30 Intro Me + You
10:30 - 10:45 Repo
10:45 - 11:00 Break
11:00 - 11:30 Computing without computer (part01)
11:30 - 12:00 Computing with computer (part01)
12:00 - 13:00 Lunch break :hamburger:
13:00 - 14:00 Computing without computer (part02)
14:00 - 15:00 Computing with computer (part02)

Intro

Computing wihtout computer

Sollewit: Wall drawing 118 (30 mns)

Fifty randomly placed points all connected by straight lines.

wall drawing 118

John H. Conway & Michael S. Patterson: Sprouts (30 mns)

The game starts by drawing any number of spots. For example 3 spots. The first player has a turn by joining two of the spots and marking a new spot in the middle of the line. Or the line may start and end on the same spot.

You are not allowed to draw a line which crosses another line. A spot cannot have more than three lines leading to or from it. The idea is to make it impossible for the other player to draw a line. So the last person to draw a line is the winner.

Sprouts
> Source

Moniker: The beach (30 mns)

Roel: “entering the beach on a sunny day you will look for an empty place and position yourself right in the middle”. - A fascinating form of self organization.

beach
> Source

Procedural Drawing: (30 mns)

Develop your own procedural drawing instructions based on Sol Lewitt’s work or some prompts from Conditional Design. Have one or more of you peers produce a drawing from this system.

poster
> Source

More…

Computing with computer

1) Getting familiar with the software

Complete the intro and some of the tutorials from P5.js learn page

2) Draw then code

Make a simple drawing and try to reproduce it with code.
'One with everything'

3) One with everything

Draw all possible geometric shapes you can generate with your software.
'One with everything'
> Source

4) Iteration + randomness

Build a grid, add some randomness to it (different elements in the grid).

5) Map

Build a map of an imaginary place.

Deliverables

Tools

We will use p5.js for the front end. It’s a high level creative programming framework with an intuitive API. If some of you have used Processing before you should be confortable using p5.js.

References

:books: Resources

P5

JS

Three.js

General

:art: Inspirations

:bird: Who to follow

:space_invader: Other