Date post: | 25-Dec-2015 |
Category: |
Documents |
Upload: | damon-kelley |
View: | 214 times |
Download: | 2 times |
Creative Computing
Marco Gillies
Robert Zimmer
Creative Computing
\\ Purpose
To learn the key technical and programming skills you will need to make creative audio-visual software
Creative Computing
\\ Aims
By the end of the course you will be able to:
Write relatively complex pieces of audio-visual interactive software
Explain the theory behind a number of aspects of audio-visual computing
Creative Computing
\\ Examples
http://www.proximityofneeds.org/http://portfolio.barbariangroup.com/nextfest/applet/index.htmlhttp://www.n-e-r-v-o-u-s.com/applet2/index.phphttp://www.processing.org/exhibition/works/
yellowtail/index_link.htmlhttp://transition.turbulence.org/Works/mypocket/
graph/http://www.processing.org/exhibition/works/katya/
index_link.htmlhttp://house.propositions.org.uk/
Creative Computing
\\ What you will learn
The foundation skills for creating interactive audio-visual software
The key programming skills
The mathematical basis and other aspects of theory
Creative Computing
\\ What you will learn
2D and 3D graphics and animation
Interaction
Audio
Image
Generative systems
Creative Computing
\\ How you will learn
Hands on programming
Using Processing
Some lecturing on the foundations
4 assessed assignments
Many smaller pieces of practical work
Creative Computing
\\ Overview
5 week introduction to audio-visual programming
A series of themes
Creative Computing
\\ Overview
Introduction to creative programming
2D graphics
Interaction
Audio
Image
Creative Computing
\\ Overview
Themes, term 1
Structure
Motion
Cellular automata
Creative Computing
\\ Overview
Themes, term 2
Colour
3D Graphics
Audio
Generative Systems
Creative Computing
\\ Lesson 1
Creative Computing
\\ Aims
By the end of the session you will be able to:1. Use the Processing environment to write
and run simple programs2. Use the Processing documentation to
help you write programs3. Draw lines and points in Cartesian
Coordinates4. Create simple compositions using lines
Creative Computing
\\ Exercise
Run a processing program with a different window size
Creative Computing
\\ Exercise
Open the Processing documentation
Find out what “background” does
Create a program using “background”
Extra: Look up “point” and create a program
Creative Computing
\\ Aims
By the end of the session you will be able to:1. Use the Processing environment to write
and run simple programs2. Use the Processing documentation to
help you write programs3. Draw lines and points in Cartesian
Coordinates4. Create simple compositions using lines
Creative Computing
\\ Cartesian Coordinates
A mathematical representation of space in terms of numbers
An location in 2D can be represented as 2 numbers
Longitude and latitudeGraphs x-y
Creative Computing
\\ Cartesian Coordinates
Creative Computing
\\ Cartesian Coordinatesx
y
Creative Computing
\\ Cartesian Coordinatesx
y 0 1 2 3 4 5 …….
0 1 2 3 4 5…
..
Creative Computing
\\ Cartesian Coordinatesx
y 0 1 2 3 4 5 …….
0 1 2 3 4 5…
..
Creative Computing
\\ Cartesian Coordinatesx
y 0 1 2 3 4 5 …….
0 1 2 3 4 5…
..
Creative Computing
\\ Cartesian Coordinatesx
y 0 1 2 3 4 5 …….
0 1 2 3 4 5…
..
(1, 0)
(3, 3)
(0, 5)
Creative Computing
\\ Exercise
Draw points at (20, 50), (40, 30), (20, 100)
Draw some points in a straight line
Draw the big dipper (Ursa Major):
Creative Computing
\\ Exercise
Draw a grid of lines on screen
Look up “stroke” and “strokeWeight”
Use them to create a number of different lines of different types
Creative Computing
\\ Exercise
Draw, on graph paper, a picture made out of straight lines
Recreate the picture in processing
Creative Computing
\\ Aims
By the end of the session you will be able to:1. Use the Processing environment to write and
run simple programs2. Use the Processing documentation to help you
write programs3. Draw lines and points in Cartesian Coordinates4. Create simple compositions using lines