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 ndex.html ail/index_link.html ph/ dex_link.html
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 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
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 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
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
Creative Computing \\ Cartesian Coordinates
Creative Computing \\ Cartesian Coordinates x y
Creative Computing \\ Cartesian Coordinates x y …… …..
Creative Computing \\ Cartesian Coordinates x y …… …..
Creative Computing \\ Cartesian Coordinates x y …… …..
Creative Computing \\ Cartesian Coordinates x y …… ….. (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 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