Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key...
-
Upload
damon-kelley -
Category
Documents
-
view
214 -
download
2
Transcript of Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key...
![Page 1: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/1.jpg)
Creative Computing
Marco Gillies
Robert Zimmer
![Page 2: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/2.jpg)
Creative Computing
\\ Purpose
To learn the key technical and programming skills you will need to make creative audio-visual software
![Page 3: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/3.jpg)
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
![Page 4: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/4.jpg)
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/
![Page 5: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/5.jpg)
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
![Page 6: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/6.jpg)
Creative Computing
\\ What you will learn
2D and 3D graphics and animation
Interaction
Audio
Image
Generative systems
![Page 7: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/7.jpg)
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
![Page 8: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/8.jpg)
Creative Computing
\\ Overview
5 week introduction to audio-visual programming
A series of themes
![Page 9: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/9.jpg)
Creative Computing
\\ Overview
Introduction to creative programming
2D graphics
Interaction
Audio
Image
![Page 10: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/10.jpg)
Creative Computing
\\ Overview
Themes, term 1
Structure
Motion
Cellular automata
![Page 11: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/11.jpg)
Creative Computing
\\ Overview
Themes, term 2
Colour
3D Graphics
Audio
Generative Systems
![Page 12: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/12.jpg)
Creative Computing
\\ Lesson 1
![Page 13: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/13.jpg)
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
![Page 14: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/14.jpg)
Creative Computing
\\ Exercise
Run a processing program with a different window size
![Page 15: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/15.jpg)
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
![Page 16: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/16.jpg)
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
![Page 17: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/17.jpg)
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
![Page 18: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/18.jpg)
Creative Computing
\\ Cartesian Coordinates
![Page 19: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/19.jpg)
Creative Computing
\\ Cartesian Coordinatesx
y
![Page 20: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/20.jpg)
Creative Computing
\\ Cartesian Coordinatesx
y 0 1 2 3 4 5 …….
0 1 2 3 4 5…
..
![Page 21: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/21.jpg)
Creative Computing
\\ Cartesian Coordinatesx
y 0 1 2 3 4 5 …….
0 1 2 3 4 5…
..
![Page 22: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/22.jpg)
Creative Computing
\\ Cartesian Coordinatesx
y 0 1 2 3 4 5 …….
0 1 2 3 4 5…
..
![Page 23: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/23.jpg)
Creative Computing
\\ Cartesian Coordinatesx
y 0 1 2 3 4 5 …….
0 1 2 3 4 5…
..
(1, 0)
(3, 3)
(0, 5)
![Page 24: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/24.jpg)
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):
![Page 25: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/25.jpg)
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
![Page 26: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/26.jpg)
Creative Computing
\\ Exercise
Draw, on graph paper, a picture made out of straight lines
Recreate the picture in processing
![Page 27: Creative Computing Marco Gillies Robert Zimmer. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make.](https://reader036.fdocuments.in/reader036/viewer/2022062716/56649dea5503460f94ae4fd3/html5/thumbnails/27.jpg)
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