What is a conditional? An arrangement that must exist before something else can happen.

Instead of conditionals you may see related terms like rules, conditions, conditional statements, decision making or if-then.

What is an instruction? Detailed information about how something should be done or operated.

Conditionals and Instructions are related.

Conditionals are flexible and Instructions are fixed.

Instructions

Linear
Step-by-Step

Recipe

Conditionals

Non-Linear
Logic
Decision Making

Instead of conditionals you may see related terms like rules, conditions, conditional statements, decision making or if-then.

Conditionals

Instructions

Here-There is a mural painted directly on the metal panels, with the colors announced on the building exterior and developed on the atrium interior walls. The colors suggest contrast and movement, creating a visual tension with the architectural space. - 1985

Kenneth Noland

Casey’s graphic work for the Wiesner building, and the MIT Media Laboratory, echoing the colored bars of Noland’s installation. - 1985 

Jacquelin Casey

E Roon Kang collaboration with TheGreenEyl

Pentagram

About Conditional Design

 

Conditional Design is a design method formulated by the graphic designers Luna Maurer, Jonathan Puckey, Roel Wouters and the artist Edo Paulus which foregrounds process over finished products. As a design strategy, it is defined by playfully designed sets of rules and conditions that stimulate collaboration between participants and lead to unpredictable outcomes.

 

 

 

Each group is allowed a min of 3 and max of 4 students


Each group to determine their Player numbers (1,2,3,4)


1 group member will be the host in Google Jamboard, the group will assign the host.

Host to invite everyone to Google Jamboard using your Lasalle email address


Group host to create a group folder ClassId-NameOfGroupLeader inside the Google Drive exercise-2 Folder

For today's exercises we will use the online collaborative drawing tool Jamboard ...

HandBrake is a tool for converting video from nearly any format to a selection of modern, widely supported codecs.

A Handbrake walk-through.

30 minutes

 

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.

Each turn, find the most empty space on the paper and place a dot in the middle of it.

Requirements 

 

Each Player chooses a drawing tool and a color

Players take turns in sequence

Take 30 mins for this exercise

Expected Outcome

 

1. Screenshot at every turn. Use the Google Jamboard 'Save frame as image' function. Each screenshot to be saved to the Google Drive Folder under your group, labelled accordingly (exercise-2-0-1.png, exercise-2-0-2.png, etc.)

2. At the end of the exercise final outcome to 'Download as PDF' and labelled accordingly (exercise-2-0.pdf). Save to the Google Drive Folder under your group.

How to Play

 

First turn by Player 1: Place a dot

Players take turn: Place a dot in the center of the largest empty space on the canvas

All players to decide when to stop drawing when beach is crowded

30 minutes

 

Assign a group member to time keep.

60 minutes

 

" You may not loop your own line or the line you looped in your last turn. If you have no options left on one of the sides, that side is dead. When both sides are dead, you may place a new line."

Requirements 

 

Each Player chooses a drawing tool and a color

Players take turns in sequence

Group to assign 1 group member to be in charge of screen recording

60 mins per exercise

How to screen record

 

To document exercise 2.1 as a screen recording, for example use the Quicktime Player’s New Screen Recording option to record a portion of your screen.

 

One group member to record and to share with the group. How to, see New Screen Recording.

 

Expected Outcomes

 

1. Screen recording of the exercise.
Save recording to the Google Drive Folder under your group (exercise-2-1.mp4)

2. Final outcome to 'Download as PDF' and labelled accordingly (exercise-2-1.pdf). Save to the Google Drive Folder under your group.

 

60 minutes

 

Assign a group member to take time.

60 minutes

 

Edo: "I really like this idea that you can set up a bunch of fairly simple rules and when you execute those simple rules you create something much more complex: emergent patterns that are not at all inferable from the original rules."

 

 

Requirements 

 

Each Player chooses a drawing tool and a color

Each participant to fill out 2 custom-rule-cards

 

Players to create individual frames in Google Jamboard and place images of custom rule cards. Underline the options given in Google Jamboard with chosen color and tool. (See example here)

Players take turns in sequence and use both their custom rule cards.

Custom Rule Cards

 

Each participant to fill out 2 custom-rule-cards:

 

1x card type 1 (Download here)

1x card type 2 (Download here)

Expected Outcomes

 

1. Screen recording of the exercise.
Save recording to the Google Drive Folder under your group (exercise-2-2.mp4)

2. Final outcome to 'Download as PDF' and labelled accordingly (exercise-2-2.pdf). Save to the Google Drive folder under your group.

 

How to screen record

 

To document exercise 2.2 as a screen recording, for example use the Quicktime Player’s New Screen Recording option to record a portion of your screen.

 

One group member to record and to share with the group. How to, see New Screen Recording.

How to Play

 

First round, each player: Draw one straight line with a maximum length of 10cm near the center of the paper.

 

Following round, each player: Choose one sentence from both cards by underlining the options chosen from start to end.

 

Next turns: Draw a straight line following the two rules you have chosen.

Only draw a line if it does not conflict with the two rules you have chosen.

Do not cross other lines unless explicitly stated otherwise.

Stop drawing when you have reached the edge of the paper.

60 minutes

 

Assign a group member to take time.

Requirements 

 

Prepare a 5 mins group presentation
Presentation to be done in Google Slides

Include an Introduction Slide with names of group members
Present process and outcomes of exercises conducted

Highlight issues and achievements
Group Presentation will be conducted Online via Zoom

Slides to be exported to PDF and uploaded to your group folder in the  Google Drive exercise-2 Folder 

(60mins)

Sketching with a Visual System

Sketching with a Visual System

Sketching with a Visual System

Sketching with a Visual System

Sketching with a Visual System

Use one or more of the above sketches to create one or a series of digital images

Read the comments inside the sketch-code: look for FIRST, HOW TO and TRY

The colored dots in the bottom right corner of each image represent the difficulty level

Save images to your digital portfolio under folder exercise-2/images and label image(s) exercise-2-3-1.png

Requirements 

 

Prepare your Digital Portfolio folder for review on your laptop

Make sure all files are formatted, labelled and organised properly

Copy over the PDF files and video documentation from your exercise-2 group (inside the shared-folder on Google Drive) folder into your Digital Portfolio folder under exercise-2

Check the file size of videos, they should be compressed using HandBrake

(an indicator of an un-compressed video file is its large file size eg. hundreds of MB)

 

Requirements

• Prepare your laptops with your Digital Portfolio folder
• Ensure folders are structured accordingly 
• Ensure files in folders are labelled accordingly

only steps 1–4 required

only steps 1 and 2 required

Requirements

• 2 students per group
• Visuals to be done with code in p5.js
• Code to be saved progressively in p5.js Add _a (then duplicate a sketch and change the extension to _b, _c, etc.) at the end of your sketch name (eg, activity3_a, activity3_b, activity3_c)
• Each group is to choose a book title from the 3 given list: Wired List, Penguin Classics List, New York Times Fiction Bestseller List

Specifications

• Canvas size at 400px by 600px
• Use only basic shapes such as rectangle, circles, triangles and lines
• Use coolors.co or Adobe Colour for possible color schemes
• No text is required