Unit 2

Iterative + Interactive Design

Overview

Students will create iterative and interactive works of art. Students will explore User Event-based programming

skill builders

Below are Skill Builders, short practice activities that students can complete individually or with a partner. The Skill Builders are connected to each assignment and reinforce essential Art and Computer Science concepts and ideas and should be included in student sketchbooks wherever possible.

Parts & Functions of a Computer

Logic Gates

Logic Gates slide deck

skills:

Boolean logic
Conditionals

With a partner, review the Logic Gates slide deck

Brainstorm several examples of possible Data Inputs (numbers, strings, etc.)

Using any appropriate tools, draw 1 example of each of the different Logic Gates (NOT, AND, OR, XOR)

Create 2 different examples of Stacked Logic Gates

For each Logic Gate show the original Input, its conversion to ON or OFF, and the Output

VAriables

With a partner, create an image of a precise line of 6 shapes, each one larger than the next and perfectly adjacent (touching but not overlapping) to one another using variables and arithmetic operators

Use Variables for x, y, width, height, color

Use arithmetic Operators to update position and size

Hint: To change the color, store RGB values as Variables and update as necessary

skills:

Variables
Parameters
Arithmetic Operators

For Loops

With a partner, create a simple word cloud Program

Store a String in a Variable

Use a for Loop to create at least 30 different versions of the String

Each String should be a different color, size, and location (hint: use random() )

Customize your word cloud app with different background colors, fonts, and Strings

skills:

Strings
Text attributes
Variables
Parameters
for Loops

Conditional + user interactivity

With a partner, create a simple composition of connected shapes

The composition can be representative or abstract

Create 2 Variables for the X and Y Parameters of the shapes

Each X and Y Parameter should be relative to the values of the 2 Variables

Make the composition respond to user interactivity (key or mouse)

skills:

Variables
Parameters
User Interactivity

In the sketch at left the coordinates of the shapes are relative to the mouse pointer

more user interactivity + movement

With a partner, create a simple composition of connected shapes

The composition can be representative or abstract

Create 2 Variables for the X and Y Parameters of the shapes

Each X and Y Parameter should be relative to the values of the 2 Variables

Use increment/decrement to make the composition respond to user interactivity (key or mouse)

skills:

Variables
Parameters
User Interactivity

In the sketch at left you can move your mouse cursor around to change some colors and use the WASD keys to move the composition in different directions

translate, rotate, scale

With a partner, create a simple composition of connected shapes

The composition can be representative or abstract

Create 2 Variables for the X and Y Parameters of the shapes

Each X and Y Parameter should be relative to the values of the 2 Variables

Use Translate/Rotate/Scale (at least 2) to change the location, size, and rotation of the composition

skills:

Variables
Parameters
User Interactivity
Translate/Rotate/Scale

In the sketch at left Translate and Scale are used to draw a new composition (with different location and size) each time the mouse is clicked on the screen

Islamic Geometric Design

Students will combine translate/rotate/scale with Variables and Loops to create their own composition inspired by Islamic Geometric Design

Report abuse