Category Archives: Web

They Will Eat You

Halloween is now gone, but Zombies are always worth mentioning. Specially when they are part of and HTML5 Experiment where players find themselves being chased on an interactive 3D environment built on WebGL.

They Will Eat You is set on a cemetery and you can run for your live and score high amongst your friends. Since it’s damn scary, perhaps i can leave you just with the demo video with original music, all part of this experimental work created by B-Reel.

They Will Eat You! from B-Reel on Vimeo.

Movi.Kanti.Revo

Great heights are expected when Google Chrome Experiments and Cirque du Soleil collaborate for an interactive project. At Movi.Kanti.Revo, the creative troupe explored a new stage for the latest web technologies, showcasing their performers but also reinventing markup, with divs being played around like actors.

Named after the Esperanto words for Moving, Singing and Dreaming the interactive journey invites the user to use gestures to navigate the beautifully surreal world, following a mysterious character in her adventure.

The 5 month project was created in HTML5, using CSS animations, 3D transforms and an impressive facial detection script, accessing the camera so users could navigate the experience with their gestures.

If you’re technically inclined, find out about the whole developer magic at Behind The Divs and have a peek at the 3D World markup tutorial.

Source:Google Developers Blog

London Calling from Australia

From the Queen’s Jubilee to the 2012 Olympics, London is getting a big share of attention, with lots of people visiting the city.

BBC Knowledge Australia and R&B Creative developed this great mashup using Google Styled Maps, invinting people to explore London. There’s also a challenge where you get to answer questions and get special codes for a chance to enter the draw and win a $4000 travel voucher and a brand new iPad.

If you aren’t lucky on unlocking your codes, you can always check their Facebook page for more tips.

The Honda Experiment

Remember the HTML5 experience by Google and Arcade Fire with the Wilderness Downtown? Now it’s time for a new one, with Honda releasing The Experiment, a new HTML5 browser based game inviting players to a chain reaction by placing a set of pop-up windows in sequence.

Lots of windows and interactions across the six levels, and you can always challenge your friends to beat your score. Video below.


Credits:
Agency- Wieden + Kennedy, London
Creatives: Lisa Jelliffe, Kirsten Rutherford
Producer: Dominic Tunon
Creative Directors: Chris Groom, Sam Heath
Interactive Creative Directors: Gavin Gordon-Rogers, Andy Cameron
Designer: Chris Welsby
Creative Technologist: Mike Tucker
Executive Creative Directors: Tony Davidson, Kim Papworth
Production: B-Reel

FERRY from The Dam Armada

With agencies finding harder to recruit talent and trying to diversify risk, it is now common to find business incubators as agency spinoffs.

Within  W+K Amsterdam there’s the business unit The Dam Armada, made up of a team of creative developers and designers, turning ideas into products, the first one being FERRY.

Created for designers and developers, the tool consists on FERRYScript (the exporter)  and FERRYDocker (the interpreter), converting PSD layers into a production ready set of png and XML files, interpreted by FERRYDocker ready for iOS interfaces.

The tool is on sale now at http://ferry.thedamarmada.com for 14.99 euros, saving a developer a few hours a month of chopping and slicing.

Digital out, Interactive in.

The past few months already, the term digital has mostly left my vocabulary as an advertising professional. Instead, the preferred word is interactive. Not only because words matter, but considering computational ubiquity is just a few years away (from TV to nano sensors), saying a media is digital is almost an oxymoron.

Interactive goes beyond online communication and starts to explore new frontiers, from outdoor advertising to context sensitive ads (Minority Report, anyone?). Take for instance a shopping center in Portugal, promoting a witchcraft fair with an outdoor taking sensors and measuring the amount of people who walked underneath the ladder.


Would you call this digital? maybe. But interactive it definitely is.

If Leo Burnett did the above being a somewhat traditional agency, you can expect digital agencies to do the same. R/GA is breaking down walls, exploring new areas such as event marketing or data visualization, while creating and producing commercials. But they surely kept their interactive background.

It’s the evolve or die time for digital agencies, and they could start by dropping the digital.

On a side note, the same thing happens regarding ‘social media’. Even if the most experienced web professionals call it ‘social web’, the former has become so popular with the press, that it’s hard to escape from this broadcast view.

Digital or social is not about the media. It’s about how people behave on those channels. Or as it’s often called, culture.

Radiolab Hyper Audio Player

WNYC’s RadioLab is a radio show at NPR (which includes another favorite, This American Life) that did a few days ago an episode on ‘Desperately Seeking Symmetry’.

If the above gorgeous piece of film wasn’t enough, now follows Radiolab Hyper Audio Player, based on the same episode.

Henrik Moltke took the amusing conversation of radio hosts Jad Abumrad and Robert Krulwich, built a custom HTML5 player, mixed it with Popcorn.js (a javascript framework for multimedia assets) and added the collaborative features of Soundcloud, the music sharing platform.

If we’re used to think of semantics regarding hypertext, this experiment ‘shows’ how this semantic value can be added to multimedia content. For instance, when a comment or image is added by Rabiolab on Soundcloud track it generates the corresponding visual cue on the player, incorporating Creative Commons images. Another feature uses one of Henrik’s experiments Hyperdisken, to get the show transcript.

Interactive creativity is not only about visual; sources can be found in audio also.

Sweet Holler Gram

Right after publishing my previous post on personal media i found out about the new Made By Many project for SXSW, an Instagr.am mashup named Holler Gram.


Photo credits: Made By Many

An iOS application, it turns the iPad into a portable sign, as you signal to people around you what you’re about to tweet or the hashtag you’re thinking for whatever conference might be rolling at SXSW. For those guilty of making backchannel noise at conferences, you can now do it in style :)

From voting to sharing your favorites, there’s a lot to explore, on a perfect example that blends both social with personal media.

P.S. if that wasn’t enough, the agency did afterwards another Instagr.am mashup with a full page takeover that collects on a dashboard the photos taken by their atendees at the event.