All posts tagged “HTML5”

Here’s the English Case Study & Trailer for Ramayana

Possibly the most epic Google Chrome Experiment ever!


Ramayana. A Traditional Story Now Made Interactive By Google Chrome
Indonesian culture is firmly rooted in its own brand of legends, myths and stories of long ago. So when Google decided to take on the giants and launch Chrome here with the message that Chrome is way more than your traditional browser, we saw an opportunity to tell that through a traditional story that resonates with Indonesian hearts – the epic tale of Ramayana*.

We re-told the story of Ramayana via a Chrome Experiment, integrating Chrome features and Google services like GTalk, Products, Weather and Maps through various scenes in the traditional story. The interactive experience also incorporated WebGL and HTML5 to demonstrate that Chrome is capable of more than just speed – it’s also powerful in security and stability.

*Passed down through ancient Sanskrit thousands of years ago, Ramayana is a magical tale that outlines the fight between good and evil. The legend of Ramayana still lives on in various forms across Asia today – from shadow puppets to water puppets to traditional dance performances.

Case Study:

Original Concept, Adapted Screenplay & Research: Ogilvy Singapore
Design, Development & Production: Fantasy Interactive

Wanna see a very sexy HTML5 site?

3D in a post-Flash world

Lights- an interactive music video.

There’s been a lot of debate over the relevance of Flash in the near future with the onslaught of iOS devices and inability of Flash to perform on mobile platforms which support it- we all know how fast the web moves ahead and how cruel it can be to those who don’t react fast enough.

At the present moment the argument is that Flash remains relevant on the desktop- as HTML5 lags behind in terms of both performance and ability to recreate some of the more immersive “interactive experiences” we’ve come to expect through the web.

But also a big piece that’s missing from HTML5 that is a given with Flash, is the ease of authoring, or creating content. It’s expected that new, bleeding edge technology comes with a steep learning curve, and that remains true with HTML5 today: there isn’t a lot of supporting frameworks to help with authoring, something Flash has enormous quantities of.

All of this is slowly changing, and here’s an example of that.

Three.js is a “lightweight 3D engine with a very low level of complexity — in other words, for dummies. The engine can render using <canvas>, <svg> and WebGL.”

Or as I’d like to call it, a “HTML5″ Papervision, implemented in Javascript. And it’s designed to be really easy to implement, how cool is that?

The screenshot above was taken from Lights- an interactive music video, done using Three.js. Visit the website, it’s hard to imagine that the entire 3D environment is rendered through the browser without use of a plugin.

Something that we wouldn’t imagine possible a few years ago.

30 Non-Flash Sites That Changed FWA in 2011

Up until February 2007, FWA had almost entirely been awarding Flash websites. For 7 years, every day, a new Site Of The Day (SOTD) was being announced and it was always, almost completely, Flash deployed. The team at Ogilvy Singapore changed everything when they submitted Levi’s Copper Jeans and it went on to win SOTD on 21st February 2007. This site still stands shoulder to shoulder with the best non-Flash sites of 2011 and will always stand out as the seed of change at FWA.

It all started in 2007.

New Zealand 100% Pure

One of the better HTML5 sites. Right after Nike Better World. Scroll down once you are in.