How Did We Do It?
This interactive image is an example of augmented reality (AR),a form of technology in which something real (the cover image) and something virtual (the surprise image) merge to create a mixed reality. How does it work? The contrast in a black-and-white “marker” (in this case, the “40”) is picked up by your webcam and “read” by the software. The 3-D model and animations that appear on your screen are overlaid onto the live video from your webcam, allowing you to manipulate the image in real time by changing the orientation of the page as you hold it up.
Producing this augmented-reality piece was a team effort. Simply put, a graphic designer created the image, which includes the marker. Two designers created 3-D images and animations. Finally, a Flash developer used FLARToolkit and FLARManager to make the composite image magically appear together in cyberspace.
Download the open-source Flash code.
*This cover appeared on the 40th anniversary issue of explore, a publication available only to Exploratorium Members. To learn more about Membership, click here.
If your webcam isn't activated, restart your web browser and reload this page. If that doesn't work, try manually selecting your webcam using the following steps:
- Right click (Control-Click on a Mac) on the application window, the dark area above
- Select the Settings... option from the Flash Player menu.
- Select the privacy tab (the second tab from the left at the bottom of the Adobe Flash Player Settings window) and make sure "allow" is selected
- Select the webcam settings tab (the fifth tab from the left)
- Select your webcam or webcam driver from the Camera drop-down selector.
- Close the Flash Player menu by clicking the Close button.