Tag: Social

RockstAR on Tour: Web 2.0 Expo San Francisco

May 09, 2010 by in Augmented Reality, Mobile, Multi-touch, Technology, Touchscreen

We took the show on the road for the Web 2.0 Expo in San Francisco. We worked with the Microsoft Tag team to bring the RockstAR augmented reality experience to the event.

web20-1

Since we were running the experience in the Microsoft booth, we decided to add some new characters – the most popular of which being Steve Ballmer:

ballmer_shot2

We used the experience as a way to engage with conference attendees and demonstrate an innovative use of Microsoft Tag technology. As conference attendees had their RockstAR snapshot taken, we’d ask them to download the tag reader application to their mobile device. Afterwards, they could take a snapshot of the Microsoft Tag and retrieve their photo. We took over 300 photos at the event.

web20-2

The RockstAR experience is another example of how you can use tag technology to extend an interactive in-store experience to a customers’ mobile device. Wishlists, shopping carts, mobile content delivery, product ratings & reviews and wayfinding are some of the examples of how tag technology can be used to change the way people shop in retail.

Check out our pictures from the event.


The Technology Behind RockstAR

Apr 13, 2010 by in Augmented Reality, Lab, Multi-touch, Technology

We recently had the opportunity to debut the RockstAR experience at SXSW – check out video of the experience in action. We like to think of it as the classic photo booth taken to the next level with augmented reality, multi-touch and social integration. Let’s go behind-the-scenes and take a look at both the software and hardware that brings this experience to life.

RockstAR

First, let’s talk software. The application was built on the recently announced Razorfish Vision Framework. The framework provides a platform to power augmented reality, gestural and other vision-based experiences. For the RockstAR experience, we are analyzing each frame coming from an infrared camera to determine if faces are found in the crowd. Once a face is detected, it is assigned a unique ID and tracked. Once we receive a lock on the face, we can pass position and size information to the experience where we can augment animations and graphics on top of the color camera feed. This technology has a variety of uses. For instance, face tracking can be used to track impressions on static or interactive digital experiences in the retail environment. Here is a screenshot taken from the debug-mode of the experience which shows the face tracking engine at work using the infrared camera.

face tracking

In addition to the vision-based technology, the experience was fully multi-touch enabled – users can gesture on a virtual joystick to swap out bands and snap pictures.

joystick

Because the classic photo booth experience is a social activity, we took it to the next level with twitter and Flickr integration. As pictures were snapped, we’d immediately make them available online. A QR code was rendered with each picture to quickly allow users to navigate to the RockstAR photo on their mobile device. Once the experience is extended to mobile, users can email the pictures to their friends, set it as wallpaper, re-tweet it to their twitter followers, etc.

RockstAR twitter and flickr

Let’s move on to hardware. Unfortunately, you can’t purchase infrared AR-ready cameras at your local Walmart… at least not until Project Natal comes out later this year. Therefore, we needed to build a dual-camera system that would support the face tracking in infrared and the color video feed for display on the screen. We decided to go with 2 commercial-grade Firefly MV cameras with custom lenses.

camera

One of the cameras we modified to see only infrared light by replacing the IR-blocking filter with a IR band-pass filter. This allows only a narrow range of infrared light to reach the camera CCD.

infrared filter

We also purchased and tested a variety of infrared illuminators. These are used to illuminate the environment with invisible infrared light allowing the infrared camera to accurately track faces in low-light conditions.

infrared illuminator

Sparks were flying as we fused the color and infrared cameras together — just another day at the office.

We created a portable rig for the camera and infrared illuminators. Adjustable camera mounts and industrial strength velcro provide flexibility and portability across a variety of installations.

rig2

We used a presentation remote clicker as an alternative way to drive the experience. We primarily used it as a remote camera trigger which allowed us to quickly snap pictures of unsuspecting people from a distance.

clicker

The experience was powered by a 55″ multi-touch screen and a CPU provided by DFI Technologies. We’ve been working with DFI to build PCs that will power the next-generation of interactive experiences. These PCs are small form factor and can be mounted behind the multi-touch screen.

dfi

Last but not least, we bring you the pink rug. We can’t reveal too much information about this technology… we need to keep some things secret. Just know that it is critical to the overall experience.

rug


Introducing the Razorfashion Retail Experience

May 15, 2009 by in Experience Design, Multi-touch, Portfolio, Touchscreen

Our team has developed an application built on the new Razorfish Touch Framework called Razorfashion. It demonstrates how we believe retailers can meet shoppers growing expectations for more engaging digital experiences in-store and provide a consistent, integrated experience across the multi-channel shopping ecosystem.

Watch the above video as we walk you through the Razorfashion experience.

See it. Love it. Share it. Find it.

model photo credit: *katanaz-stock


Creating Social Experiences using Microsoft Surface

May 02, 2009 by in Experience Design, Microsoft Surface

Extending social experiences to the digital out-of-home and retail environment is a growing trend. One of the advantages of Microsoft Surface over other technologies is supporting engaging social experiences. The table-top form-factor and massively multi-touch input (more than 52 concurrent touches) lends itself well to support multi-user social interaction. Here are some of the ways we have used Microsoft Surface to support social experiences.

At the 2008 Razorfish Client Summit, the Seattle office created a social experience that allowed attendees to place their badge on Surface to enter a raffle for a free XBOX and bid on guitar signed by the “fifth Beetle” George Martin. In addition, attendees could form connections between eachother using the Surface table – as connections were made, behind-the-scenes we would e-mail each attendee the other person’s contact information. The client summit experience was extended for the Razorfish Atlanta Open House. Badges were tagged and guests congregated around the table to exchange information and connect with people that shared similar interests.

openhouse1openhouse7

Recently our friends in the Neue Digitale / Razorfish in Germany created a social application for the Microsoft Xtopia conference named “Event Connect” that allowed attendees to access their Facebook account on Surface. Users could exchange photos of the event and send friend requests to eachother within the experience. This same experience was recently re-skinned by the Austin office and featured at the 2009 Razorfish SXSW party.

eventconnect_sxsweventconnect_sxsw_2

The Amnesia Razorfish office in Australia printed Surface tags on their business cards . When placed on Surface, these cards can access a variety of social feeds, including blog posts, Twitter updates and photos from Flickr. Check out video of the application here.

amnesia_card1amnesia_card2


Amnesia Razorfish Staff Directory on Microsoft Surface

Sep 27, 2008 by in Experience Design, Lab, Microsoft Surface

Ever wonder what your co-worker three cubes over did last weekend? Our friends at Amnesia Razorfish in Australia made it easy to find out with a Microsoft Surface staff directory application. The application uses Surface tags printed on all Amnesia Razorfish business cards to show extra information about employees such as blog posts, tweets and Flickr photos. Recommended for business purposes only, not for spying on your coworkers.