HTML5 Game Development
   
  • HOME
  • News
  • Tutorials
  • Engines
  • Demos
  • Tools
  • Partners
  • Mobile HTML Game
  • Guess The Celebrity
  • About us

Hilltop Hoods interactive film pushes boundaries of mobile technology

Using the latest web technologies, Australian hip hop group Hilltop Hoods and Google Play Music collaborated to bring life to the animated film of the band’s song entitled “Through the Dark.” The film is an immersive 3D experience, and Google Play has broken fresh ground during its production.

Through the Dark by Hilltop Hoods interactive 3D film

Through the Dark is a song written by Hilltop Hoods’ MC Dan Smith about his 8-year old son Liam’s battle with leukemia. The 3D film creatively shows 2 of the principal emotions that Dan went through in the ordeal—fear represented by the dark scenes, and hope by the light scenes.

Through the Dark by Hilltop Hoods interactive 3D film

On a desktop computer, you can control the experience by scrolling up or down. Whereas on a mobile device, you do so by rotating your device left or right.

Through the Dark by Hilltop Hoods interactive mobile device

Mobile devices get a notification that says “This experience pushes the boundaries of mobile technology. Please close other tabs and charge our battery above 50%.” The website also says that the team who built the experience had to develop new tools to fuse traditional animation methods with WebGL.

Through the Dark by Hilltop Hoods interactive 3D film

We’re thinking this video may be a good litmus test to see if your device hardware/software is at the cutting edge of web technology.

Experience the interactive film here.

Share List
Share List

You might also find this interesting:


  1. Ro.me: 3 Dreams of Black An Interactive Music video that features an interactive WebGL interface that let’s grow a strange dream sequence over various pieces of demo. Some pieces are more interactive than others –...

  2. Opera Mobile 12: Boosted HTML5 Performance on Android Here at HTML5GameDevelopment.org, anything that sounds like it’s going to make HTML5 faster makes us happy, so when a story and video posted today at phandroid.com showed off WebGL running...

  3. Chased by a Naked Monster with a Big Knife You know you’re gonna get spooked out of your wits by a game when the opening music to it is an eerie music box tune that conjures up in your mind...

  4. Lights: An interactive Music Experience EllieGoulding’s Lights, a very cool “interactive & colorful music video experience using webgl” Share List...

  5. Amazing Japanese Interactive Mash Up Video Even if you don’t understand Japanese, this interactive mash up video will daze and amaze you. This has got to be the most elaborate advertisement for a cookie brand. Japanese...

3D, Animation, google, Google Play Music, Hilltop Hoods, Interactive Film, Through the Dark
WebGL-1

License HTML5 Games

Are you a company looking to license HTML5 games? We recommend MarketJS.com, a B2B platform for licensing games.

MarketJS has over 300 HTML5 games for licensing. They also provide additional services such as game reskin, custom development, and white label portals.

Html5 Game Development


Follow @GameDevHTML5



WHAT’S NEW

  • What’s New in Phaser 3.50

  • Particle and Sprite Editors in Babylon.js 4.2

  • Healthcare Industry HTML5 Games

  • Games for Events Example

  • HTML5 Games for Luxury Brands



NEW DEMOS

  • Vertical Endless Runner Prototype

  • Particle and Sprite Editors in Babylon.js 4.2

  • Song Maker in Google Experiment

  • Phaser 3 Experiment for Drawing Cards

  • HTML5 Game for a Recycling Campaign


ENGINES

  • Building Simulated 3D HTML5 Games With Phaser

    Phaser is commonly used as a 2D game engine for creating HTML5 desktop and mobile games. However, with the help of three.js and Phaser 3D library, you could render your …Read more

  • Egretia Blockchain HTML5 Game Engine

    Egretia is an up and coming HTML5 game development platform that is powered by blockchain. The blockchain technology is like a digital ledger wherein finances or transactions involving value are …Read more

  • Phaser 3.4 Release

    Phaser 3.4 has just been launched, bringing new and better features for HTML5 game development. This updated version now has support for Game Object Containers. Although it’s still in beta …Read more

SEARCH OUR ARCHIVES

CONNECT

rss twitter

HTML5 Game Development is proudly run by 3P Solutions Inc

GOT NEWS?

Send new engines, demos, information and tips to hello@html5gamedevelopment.com

MONTHLY MEETUP

In boston? Join us for the Monthly HTML5 Game Development meetup.

BOOKS

We're in the process of writing a few books about game development. Coming soon!

Copyright HTML5gamedevelopment.com