1. Creative Computing Marco Gillies Robert Zimmer

2. Creative Computing \\ Purpose To learn the key technical and programming skills you will need to make creative audio-visual software

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

4. Creative Computing \\ Examples http://www.proximityofneeds.org/ http://portfolio.barbariangroup.com/nextfest/applet/i ndex.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/gra ph/ http://www.processing.org/exhibition/works/katya/in dex_link.html http://house.propositions.org.uk/

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

6. Creative Computing \\ What you will learn 2D and 3D graphics and animation Interaction Audio Image Generative systems

7. 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

8. Creative Computing \\ Overview 5 week introduction to audio-visual programming A series of themes

9. Creative Computing \\ Overview Introduction to creative programming 2D graphics Interaction Audio Image

10. Creative Computing \\ Overview Themes, term 1 Structure Motion Cellular automata

11. Creative Computing \\ Overview Themes, term 2 Colour 3D Graphics Audio Generative Systems

12. Creative Computing \\ Lesson 1

13. Creative Computing \\ Aims By the end of the session you will be able to: 1.Use the Processing environment to write and run simple programs 2.Use the Processing documentation to help you write programs 3.Draw lines and points in Cartesian Coordinates 4.Create simple compositions using lines

14. Creative Computing \\ Exercise Run a processing program with a different window size

15. 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

16. Creative Computing \\ Aims By the end of the session you will be able to: 1.Use the Processing environment to write and run simple programs 2.Use the Processing documentation to help you write programs 3.Draw lines and points in Cartesian Coordinates 4.Create simple compositions using lines

17. 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 latitude Graphs x-y

18. Creative Computing \\ Cartesian Coordinates

19. Creative Computing \\ Cartesian Coordinates x y

20. Creative Computing \\ Cartesian Coordinates x y 0 1 2 3 4 5 ……. 0 1 2 3 4 5…..

21. Creative Computing \\ Cartesian Coordinates x y 0 1 2 3 4 5 ……. 0 1 2 3 4 5…..

22. Creative Computing \\ Cartesian Coordinates x y 0 1 2 3 4 5 ……. 0 1 2 3 4 5…..

23. Creative Computing \\ Cartesian Coordinates x y 0 1 2 3 4 5 ……. 0 1 2 3 4 5….. (1, 0) (3, 3) (0, 5)

24. 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):

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

26. Creative Computing \\ Exercise Draw, on graph paper, a picture made out of straight lines Recreate the picture in processing

27. Creative Computing \\ Aims By the end of the session you will be able to: 1.Use the Processing environment to write and run simple programs 2.Use the Processing documentation to help you write programs 3.Draw lines and points in Cartesian Coordinates 4.Create simple compositions using lines