Generative Media Coding: Feb/2017

Program:
20/Feb/2017, 9-16h: Introduction to openFrameworks; Animation; Generative graphics
21/Feb/2017, 9-16h: Particle systems; Physics (*); Audio
22/Feb/2017, 9-16h: Audio-visuals; Project development
23/Feb/2017, 9-16h: Project development
24/Feb/2017, 9-16h: Project development and presentation

The course is focused on the generative aspects of media design and coding, interaction design and the control of media elements in interactive projects. Students will experiment with a broad range of media elements with an emphasis on controlling media behavior through code. Special emphasis will be given to crossings between sound and image: sound visualisation; sonification; audiovisual composition; visual music; etc.

The main development environment for the course will be openFrameworks (http://www.openframeworks.cc/), although other environments will be explored. Students should have previously attended the Software Studies for Media Designers course, or demonstrate having acquired equivalent skills. Students are required to plan, develop, document and present a project at the end of the course. An introduction to openFrameworks: http://mlab.taik.fi/mediacode/archives/13368.

Check what students have done in previous years in the menu above, in the Multimedia Authoring course (previous name for the course). We’ve been using openFrameworks in this course since 2011. You can also check a library of exercises, some of which we’ll replicate in class, here: http://mlab.taik.fi/mediacode/archives/13371.

(*) using ofxBox2D – stable branch

Recommended bibliography:

  • ofBook (work in progress) http://openframeworks.cc/ofBook/chapters/foreword.html
  • Noble, J., 2012. “Programming Interactivity: A Designer’s Guide to Processing, Arduino, and openFrameworks” (2nd Edition), O’Reilly Media. (new version coming out in May 2016)
  • Perevalov, D., 2013. “Mastering openFrameworks: Creative Coding Demystified”, Packt
  • Perevalov, D. & Tatarnikov, I., 2015. “openFrameworks Essentials”, Packt

For Processing, but easily adapted to oF:

  • Shiffman, D., 2012. The Nature of Code: Simulating Natural Systems with Processinghttp://natureofcode.com.
    Examples ported to oF: https://github.com/superartificial/Nature-Of-Code-Open-Frameworks-Port
  • Bohnacker, H., Gross, B., & Laub, J., 2012. Generative Design: Visualize, Program, and Create with Processing. (C. Lazzeroni, Ed.). New York: Princeton Architectural Press.
  • Pearson, M., 2011. Generative Art: A Practical Guide Using Processing (1 edition). Shelter Island, NY?: London: Manning Publications.

Please send project files (and videos) here: https://www.dropbox.com/request/8TtW0L3zNMFRW38PVEeQ
Please zip the oF project folder. Size limit for oF project folder is 24MB, contact me if there is any size issue.
Videos should be 20 seconds, 1280x720px

Posted in Courses / Projects, Generative Media Coding, Generative Media Coding 2017 | Leave a comment

openFrameworks exercises

How to use the downloaded openFrameworks files

Using ProjectGenerator:

  1. click Create/Update
  2. click Import and point to the exercise folder
  3. click Update

Continue reading

Posted in openFrameworks, Software | Leave a comment

Intro to openFrameworks

The Mac environment and Xcode will mainly be used for the course, although other environments and IDEs can be used. The Programming Interactivity book (Noble 2012), adopted for the course, was used as the main reference for this post.

Continue reading

Posted in openFrameworks, Software | Leave a comment

Multitouch Interaction: Apr/2016

Video and photo documentation from the Multitouch Interaction 2016 course:

Photos: https://www.flickr.com/photos/nunocorreia/albums/72157671541380846

The course focuses on exploring multitouch interaction to create engaging experiences with digital media. Multiple devices will be used, with an emphasis on mobile phones/tablets and the iOS platform. Other devices and platforms will also be discussed.

The main development environment for the course will consist of openFrameworks (oF) with Xcode. Students should have previously attended the Software Studies for Media Designers course, or demonstrate having acquired equivalent skills. Students are required to plan, develop, document and present a project at the end of the course.

Program:

  • 18/April
    Introduction and development environment (oF, C++, Xcode)
    Text, accelerometer, graphics, interaction
  • 19/April
    Multitouch, bitmap image
    Video, sound
  • 20/April
    Classes, navigation
    Project proposal presentations, development
  • 21/April
    Project development
  • 22/April
    Project development
    Project presentations

Link to extra image files that might be needed for oF: for_bin_data_folder

Recommended bibliography:

  • ofBook (work in progress) http://openframeworks.cc/learning/#ofBook
  • Noble, J., 2012. “Programming Interactivity: A Designer’s Guide to Processing, Arduino, and openFrameworks” (2nd Edition), O’Reilly Media. (new version coming out in May 2016)
  • Perevalov, D., 2013. “Mastering openFrameworks: Creative Coding Demystified”, Packt
  • Perevalov, D. & Tatarnikov, I., 2015. “openFrameworks Essentials”, Packt

Course files:

Projects:

Posted in Multitouch Interaction, Multitouch Interaction 2016 | Leave a comment

Multitouch Interaction 2015 reel

Reel from the Multitouch Interaction 2015 course, taught by Suse Miessner:

Posted in Courses / Projects, Multitouch Interaction, Multitouch Interaction 2015 | Leave a comment

Fix for Xcode 7 and OF 0.8.4 (opensslconf.h not found)

Useful for running older projects with newer Xcode:
https://forum.openframeworks.cc/t/fix-for-xcode-7-and-of-0-8-4-opensslconf-h-not-found/20800

Posted in openFrameworks, Software | Leave a comment

Multimedia Authoring: Jan/2016

Video and photo documentation from the Multimedia Authoring 2016 course:

Photos: https://www.flickr.com/photos/nunocorreia/albums/72157664257877881

25/Jan/2016, 9-16h: Introduction to openFrameworks; Animation; Generative graphics
26/Jan/2016, 9-16h: Particle systems; Physics; Audio
27/Jan/2016, 9-16h: Audio-visuals; Project development
28/Jan/2016, 9-16h: Project development
29/Jan/2016, 9-16h: Project development and presentation

The course is focused on the generative aspects of multimedia design and the authoring process, interaction design and the control of media elements in interactive projects. Students will experiment with a broad range of media elements with an emphasis on controlling media behavior through code. Special emphasis will be given to crossings between sound and image: sound visualisation; sonification; audiovisual composition; visual music; etc.

The main development environment for the course will be openFrameworks (http://www.openframeworks.cc/), although other environments will be explored. Students should have previously attended the Software Studies for Media Designers course, or demonstrate having acquired equivalent skills. Students are required to plan, develop, document and present a project at the end of the course. An introduction to openFrameworks: http://doc.gold.ac.uk/CreativeComputing/creativecomputation/?page_id=1584

Check what students have done in previous years in the menu above (particularly last year, the first in a one-week intensive format). We’ve been using openFrameworks in this course since 2011.

Recommended bibliography:

  • ofBook (work in progress) http://openframeworks.cc/ofBook
  • Noble, J., 2012. “Programming Interactivity: A Designer’s Guide to Processing, Arduino, and openFrameworks” (2nd Edition), O’Reilly Media. (new version coming out in May 2016)
  • Perevalov, D., 2013. “Mastering openFrameworks: Creative Coding Demystified”, Packt
  • Perevalov, D. & Tatarnikov, I., 2015. “openFrameworks Essentials”, Packt

Course files:

Project files:

Posted in Courses / Projects, Multimedia Authoring, Multimedia Authoring 2016 | Leave a comment

project critique

Please write a critique of your project (extended deadline: June 9th, no latecomers!). The critique should include a summary of your project, a comparison of the initial idea and the implemented project, the future development. Revisit your work and be critical towards your project: What was great and what could have been better? What is your main learning experience? What will you do differently in your next project?

The report should be at least 1A4 and delivered to me in pdf format.

Posted in Multitouch Interaction 2015 | Leave a comment

Let the box beat!

Let the box beat is a application that enhances its user to become beatboxer.

metro_beat01metro_beat02

metro_beat03metro_beat04

metro_beat05metro_beat06

metro_beat07

Posted in Multitouch Interaction 2015 | 1 Comment

Lottery machine with realistic physics

Initial screen 1st slot activated and captured 2nd slot activated and captured copy Last slot activated and captured Last screen

Posted in Multitouch Interaction 2015 | 1 Comment