Marco Gillies Robert Zimmer

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/applet/index.html • http://www.n-e-r-v-o-u-s.com/applet2/index.php • http://www.processing.org/exhibition/works/yellowtail/index_link.html • http://transition.turbulence.org/Works/mypocket/graph/ • http://www.processing.org/exhibition/works/katya/index_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