Music 256a/CS 476a | Fall 2016
Lecture 8: Integrating Better Graphics
Center for Computer Research in Music and Acoustics
Stanford University
Aesthetic
Languages, frameworks, IDEs, code style all contribute to an aesthetic.
- Some examples:
- Rosetta Code
- Your HW1 vs. a purely Faust implementation.
- Writing a song in ChucK, SuperCollider, Max/MSP, Logic, Ableton, etc.
Whatever you do, do it with aesthetic.
Perry Cook, as told by Ge Wang
Case study
The Warthog, Victoria Grace
OpenFrameworks
Downloading
Downloading on OSX and Windows is straightforward.
Linux requires compilation. See linux install guide
Linux
This worked for me on Ubuntu Linux.
# Clone master OpenFrameworks repo
$ git clone https://github.com/openframeworks/openFrameworks.git
$ cd openFrameworks
# Get dependencies, codecs, and necessary libs
$ cd scripts/linux/ubuntu
$ sudo ./install_dependencies.sh
$ sudo ./install_codecs.sh
$ cd ..
$ sudo ./download_libs.sh
# Compile openFrameworks
$ ./compileOF.sh
# Now clone the ProjectGenerator repo
$ cd ../../apps
$ git clone https://github.com/openframeworks/projectGenerator.git
# and go back to the linux scripts to build it
$ cd ../scripts/linux/
$ ./compilePG.sh
OpenFrameworks & Mac OSX
Almost everything works out-of-the-box.
You need to make a small fix to the Project Generator
Mac OSX Project Generator fix
Locate openFrameworks/export/osx/libs/libfmodex.dylib
Mac OSX Project Generator fix
Copy it
Mac OSX Project Generator fix
Locate your Project Generator app, right click, and click "Show Package Contents."
Mac OSX Project Generator fix
In Contents/Resources/app/ make a new folder ...
Mac OSX Project Generator fix
... called Frameworks
Mac OSX Project Generator fix
Then paste libfmodex.dylib into this directory, and you're done.
The Project Generator
Like the Projucer for JUCE. Creates and modifies OF projects.
Examples
There are tons of examples in the OF/examples/* folders.
Great source of ideas and solutions. Build them and check them out!
Addons
- As JUCE has "modules", OpenFrameworks has "Addons".
- Many more can be downloaded.
- There are some gems (remember the STK?), but also some old/broken ones out there.
- To use, simply download an addon and unzip it into your addons folder.
- Elegant git-clone solution (using ofxFft as
an example):
$ cd $OPENFRAMEWORKS/addons/ $ git clone https://github.com/kylemcdonald/ofxFft.git # That's it!
Further OpenFrameworks reading
Starter code
Faust Integration | Audio-controlled Bokeh
Some inspiration
Plinket
Andrew Lee, Music 256a, Fall 2015
Chorest
Jack Atherton, Fall 2015
3D Graphics
Camera(s)
See ofCamera(), ofEasyCam()
NOTE: default camera is different! Coordinate origin is in top left, y points down.
Projection
How to map a 3D scene to your 2d screen.
Perspective vs. orthographic projection
See, e.g., ofCamera::setupPerspective()
See, e.g., ofCamera::enableOrtho()
See also:
Transformations &
Transformation Matrices
ofPushMatrix(); and ofPopMatrix();
ofRotate() (and ofRotateX(), ofRotateY(), ofRotateZ())
Analogously for color/style: ofPushStyle(); and ofPopStyle();
Example:
Parting thoughts
expressiveness > realism
This alone isn't an instrument.
Parting thoughts
Create the minimum viable product.
- Forces you to clarify your vision and design.
- Inhibits time-wastage perfecting non-essential elements.
Parting thoughts
Use git *throughout* your development process!
(or whatever other form of version control).