2014-04-12 14.44.04-2.jpg

Hi all,

In this Instructable we're going to detail how you can use Spacebrew toolkit to connect your smartphone (via its built in accelerometer) to manipulate aspects of your openFrameworks sketch.

We created an installation and allowed participants to shake a cell phone to change the size and shape of an oF mesh sketch. However, participants could easily just load the page on their own wifi/3G enabled device to manipulate the sketch's variables.

You will need the following:

  1. a smartphone with accelerometer (iPhones and Androids work just fine)
  2. SpaceBrew Library for openFrameworks (two links) __> 1 2
  3. openFrameworks (we give an example sketch)
  4. a web hosting site of your choice
  5. basic html and css knowledge (we give an example!)
Remove these adsRemove these ads by Signing Up

Step 1: Download Spacebrew libraries for oF

Picture of Download Spacebrew libraries for oF

1st library : ofxLibwebsockets

2nd library: ofxSpacebrew

Implement them in your openFrameworks sketch however you like, but we used oF's Project Generator and selected these in the "addon" menu. It is a really easy way to seamlessly put addons in your sketches.


Make sure you follow the directions on the GITHUB READMEs for both of these libraries. You have to delete a line to use the Project Generator. It's not hard, just easy to overlook.

Step 2: Create your oF sketch

Picture of Create your oF sketch

We used this tutorial to understand how to make a dynamic mesh sketch in openFrameworks : Mesh Tutorial .

You could choose not to use a mesh, but our example sketch uses one, so you might want to look the tutorial over.

Alternatively, you could use the values coming in from your smartphone's accelerometer to manipulate any number of variables for your own oF sketch i.e. size of objects, shape, color, etc.

Here is the code for our oF mesh sketch: GITHUB - pay special attention to all the places where we call spacebrew.(whatever) and at the very bottom where we call void testApp::onMessage( Spacebrew::Message & m ). This is how you will be able to talk to oF via your phone and the Spacebrew online server.

We'd love to see your sketches! Post links to them if you make an interactive phone installation.