AXM-E7001 - Computational Art and Design, Lecture, 5.9.2022-2.12.2022
This course space end date is set to 02.12.2022 Search Courses: AXM-E7001
Översikt
-
The instructions, schedule and materials for the advanced group of the course can be found on this page. We'll use Processing for this track, so if you're using your own laptop – highly recommended – download the tool before we start and make sure it works. Thursday and Friday computer classroom sessions will be held at M102 unlike the Monday lectures. Note that there are no lectures on workshop weeks.
Schedule
- Sep 8: Arrangements, setting up, basic graphics in Processing
- Sep 9: Variables and basic types, type conversion, comments
- Sep 15: Math in processing, Interactive sketches with mouse, formatting. Online.
Homework: make a little animation using setup, draw and variables. - Sep 16: Flow control: if, if-else, switch-case. Online.
Homework: flag of Belgium paint program using if/if-else and mouse button, see picture. - Sep 22: Flow control: for, while and do-while loops, nested loops.
Homework: using loops, draw a grid of rectangles and make the mouseover work. See picture. - Sep 23: Arrays, arrays with loops.
Make an int array with the following x/y/color content: 100,100,#ff0000, 500,200,#00ff00, 300,500,#0000ff, 200,400,#808080. Plot the data using a for loop. Expected outcome. - Sep 29: Functions: parameters and return values (recursion, if time allows)
Homework: make a function that draws a smiley face at x,y. Call it from draw with mouse coordinates. Expected outcome. - Sep 30: Dealing with text: displaying, searching, replacing
- Oct 6: Basics of object-oriented programming
Homework: make a class called Cat and two cat objects that can display themselves. They follow the mouse pointer around. Something like this. - Oct 7: More advanced object-oriented programming, inheritance and protecting members
- Oct 13: Callbacks, images, recap of the 1st part
Homework: make a creative experiment using PImage. - Oct 14: Text file input and output, splitting and trimming
Homework: solve the mystery. - Oct 27: Data structures: lists, trees, hash tables
Homework: using an IntList let the user draw with the mouse. Pressing 'u' will undo the drawing step by step. Expected outcome. - Oct 28: Sorting strings, numbers and objects, making an object list
Homework: read in the list of famous Western actors and display it in the sketch window in an alphabetical order. Expected outcome.
- Nov 3: Distances, angles and circles, affine transformations
Homework: download arrows.pde and add transformations so that you get this out. - Nov 4: More transformations, vectors and matrices
- Nov 10: Direct pixel access
Homework: display Bub and Bob in a window of 600x600 pixels using direct pixel access (PImages have loadPixels and pixels[] too). Expected outcome. - Nov 11: Hex, binary and decimal numbers, logical operations on pixels
Homework: invert archery.png colors using pixel-level operations. Expected outcome. - Nov 17: Video input, built-in and own filters
- Nov 18: Network programming, server and client using TCP
Homework: make a server (800x600) where users can place images by sending telnet messages. Expected outcome. Test feed (tip: trim the received string to remove trailing garbage):
100,100,http://www.kameli.net/~marq/cad/player.jpg
500,300,http://www.kameli.net/~marq/cad/football.png - Nov 24: Loading and playing back audio, synthesis. Note frequencies.
- Nov 25: More synthesis
- Dec 1: Conway's Game of Life simulation
- Dec 2: Wrapping up, what's next?
Links
- Processing.org – tutorials, downloads and the reference guide
- Course folder for examples, data files and so on
- Introduction to Creative Coding – we'll use some of the materials from the old course
- Khan Academy's interactive programming tutorials