Marco Gillies

1

• Marco Gillies
• Robert Zimmer

2
\\ Purpose

• To learn the key technical and programming skills
  you will need to make creative audio-visual
  software

3
\\ 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

4
\\ Examples

• http//www.proximityofneeds.org/
• http//portfolio.barbariangroup.com/nextfest/apple
  t/index.html
• http//www.n-e-r-v-o-u-s.com/applet2/index.php
• http//www.processing.org/exhibition/works/yellowt
  ail/index_link.html
• http//transition.turbulence.org/Works/mypocket/gr
  aph/
• http//www.processing.org/exhibition/works/katya/i
  ndex_link.html
• http//house.propositions.org.uk/

5
\\ 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

6
\\ What you will learn

• 2D and 3D graphics and animation
• Interaction
• Audio
• Image
• Generative systems

7
\\ How you will learn

• Hands on programming
• Using Processing
• Some lecturing on the foundations
• 4 assessed assignments
• Many smaller pieces of practical work

8
\\ Overview

• 5 week introduction to audio-visual programming
• A series of themes

9
\\ Overview

• Introduction to creative programming
• 2D graphics
• Interaction
• Audio
• Image

10
\\ Overview

• Themes, term 1
• Structure
• Motion
• Cellular automata

11
\\ Overview

• Themes, term 2
• Colour
• 3D Graphics
• Audio
• Generative Systems

12
\\ Lesson 1
13
\\ Aims

• By the end of the session you will be able to
• Use the Processing environment to write and run
  simple programs
• Use the Processing documentation to help you
  write programs
• Draw lines and points in Cartesian Coordinates
• Create simple compositions using lines

14
\\ Exercise

• Run a processing program with a different window
  size

15
\\ Exercise

• Open the Processing documentation
• Find out what background does
• Create a program using background
• Extra Look up point and create a program

16
\\ Aims

• By the end of the session you will be able to
• Use the Processing environment to write and run
  simple programs
• Use the Processing documentation to help you
  write programs
• Draw lines and points in Cartesian Coordinates
• Create simple compositions using lines

17
\\ Cartesian Coordinates

• A mathematical representation of space in terms
  of numbers
• An location in 2D can be represented as 2 numbers
• Longitude and latitude
• Graphs x-y

18
\\ Cartesian Coordinates
19
\\ Cartesian Coordinates
x
y
20
\\ Cartesian Coordinates
x
0 1 2 3 4 5 .
y
0 1 2 3 4 5..
21
\\ Cartesian Coordinates
x
0 1 2 3 4 5 .
y
0 1 2 3 4 5..
22
\\ Cartesian Coordinates
x
0 1 2 3 4 5 .
y
0 1 2 3 4 5..
23
\\ Cartesian Coordinates
x
0 1 2 3 4 5 .
y
0 1 2 3 4 5..
(1, 0)
(3, 3)
(0, 5)
24
\\ Exercise

• Draw points at (20, 50), (40, 30), (20, 100)
• Draw some points in a straight line
• Draw the big dipper (Ursa Major)

25
\\ 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

26
\\ Exercise

• Draw, on graph paper, a picture made out of
  straight lines
• Recreate the picture in processing

27
\\ Aims

• By the end of the session you will be able to
• Use the Processing environment to write and run
  simple programs
• Use the Processing documentation to help you
  write programs
• Draw lines and points in Cartesian Coordinates
• Create simple compositions using lines