An interactive app based on The Little Prince book. The app covers the chapters in which the prince travel through seven planets before coming to the Earth.
The project draws inspiration from interactive children’s books. Particularly the ones by Bruno Munari, which explores the interaction with paper in non-traditional forms.
The purpose then was to make something analogous using a laptop. How can a user interact with it besides using mouse and keyboard?
See previous posts for more precedents and process.
The project uses 3 different inputs: camera, light sensor and speaker. Each planet respond for only one of them — except for the first one, which is supposed to be a tutorial for the other parts.
This was my last prototype before the final version. All interactions and navigation working. Drawings still in sketch version — though the final is a sort of sketch, too!
Original post: http://codeforart.cc/fall-2013/the-little-prince-final/
The final code is here.
Download the app here.
An interactive animation that responds to non-conventional user input.
Talking about his Face Tracker in an interview, Kyle McDonald pointed out that:
“…as far as a practical applications, I could imagine it augmenting the way the computer understands us. I’ve been thinking a lot about this recently. Your computer has a microphone to listen to you, an accelerometer to know when you drop it, a camera to watch you, an ambient light sensor to know how bright the screen should be. I have to wonder if it makes sense to respond to our pose and facial expressions.”
Though I’m not using face tracking, this paragraph sums up my inspiration for the project.
My aim is to explore those different inputs as much as possible, using an interactive animation as a basis for that.
I will use 3 different inputs from hardware available on my macbook: ambient light sensor, mic and camera.
See previous proposal for more details.
The circle position changes according to the average optical flow inside the central grid.
The circle brightness responds to the ambient light; the size, to the sound input volume.
I want the inputs to have an intuitive connection to the elements:
- the brightness changes the daylight (sun/moon);
- the sound has a wind effect;
- the user movement rotates the planet.
Now that the technology is working, I’ll add more elements to the animation. The interaction between elements will trigger different events — two touching clouds may cause lightnings, clouds over roses may rain etc.
Code for the input checking example here.
Code for the first prototype here.
You’ll also need two add-ons to run the code: ofxOpenCV (already included in the oF add-ons folder) and ofxOpticalFlowBarneback.
Original post: http://codeforart.cc/fall-2013/interactive-animation-1st-prototype/
A “Little Prince”-like world:
The user can interact with it in different ways.
1 – Moving the head rotates the planet; — Facetracker?
2 – Blowing moves the clouds and other floating elements — sound capture?
3 – Changing the lightness — by covering the ambient light sensor, using a flashlight or turning the lights of the room off — switches from day to night. Original post: http://codeforart.cc/fall-2013/interactive-animation/
In my final project I’d like to build a minimalist short story with simple interaction. My goal is to explore alternative ways of navigating through a digital book/story/app.
I’m planning to use the Macbook ambient light sensor.
I may use the motion sensor as well, though my retina Macbook doesn’t have one.
The children’s books designed by Bruno Munari are my main inspiration for this project. His experiments with different papers, transparencies and paper cut pushed the boundaries of interaction with print media.Munari’s “In the Dark of The Night” (“Nella notte buia“). Photo by Planeta Zorp.
Also, I drew inspiration from AATOAA‘s interactive animation Bla Bla. In this movie without words, the story is told mainly through user interactions.
Original post: http://codeforart.cc/fall-2013/2968/