# |
Duration
|
Topics |
Assignments |
Student Solution Samples
|
Student Solution Samples |
1 |
1 week |
- Built-in drawing functions
- color
- stroke
- fill
- primitive shapes
- Coordinate systems
- Creative coding principles
|
First freeform creative design
|

|
|
2 |
2 weeks |
- Variables
- Data types
- Expressions
- Mouse/keyboard interactions
- Conditionals
- Iterations (basic)
|
Drawing in scale propotional to some variable:
- a vanishing horizon specified by a y-variable
- size of objects must be proportional to distance to horizon
- objects are drawn via interactive mouse clicks
- use simple iterations to draw background objects
|
 |
 |
3 |
1 week |
- Functions
- Functions combined with loops
- Randomization
|
Design a scene populated with shapes drawn by functions:
- design functions to parameterize shapes - location, size, color, etc
- combine functions, loops and randomization to generate many variations of the same basic function-drawn shape
|
 |
 |
4 |
2 weeks |
- Polar coordinates
- Trigonometry and rotational geometry
- Objects
- Arrays
|
An interactive composition with shapes modeled as objects:
- data fields store physical and drawing parameters
- methods implement rendering and animation
- dynamic instances are generated with every mouse click
|
 |
 |
4.5 |
1 week |
- Polar coordinates
- Trigonometry and rotational geometry
|
An abtract computational art:
- composition of polygons, stars and line strings
- creative aesthetics
|
 
|
 |
5 |
2 weeks |
- OOP principles
- Inheritance
- Transformations
- Motion modeling
|
Collaboractive class aquarium:
- instructor provides interface - fish tank
- generic sea creature class as super or abstract class
- students contribute customized implementations
|
 |
 |
6a |
2 weeks |
- 2D arrays
- Image processing
|
Create a collage using pixel-based image processing:
- filter images at least four different ways using distinct image processing techniques
- create a collage from the images
- generate fragments by copying, resizing, cropping and sampling
- arrange the fragments into a meaningful composite via transformations
|
 
 |
 |
6b |
2 weeks |
- Transformations
- Motion modeling
|
Design and implement an animated pseudo three-dimensional scene:
- create a sense of depth by reducing the size and linear velocity of objects that are farther away from the viewer.
|
 |
 |
6c |
2 weeks |
- Recursion
- Recursive functions
|
Drawing an artistic sketch with recursion |
  |
 |
7 |
2-3 weeks |
|
Choose, design and implement an interactive data visualization of your own:
- acquire and clean the data set
- filter and mine the data
- select a visual representation
- refine and add interactivity
|
 |
 |
 |
 |