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

  • HTML5 Games in Guest Room Tablets

  • What’s New in Phaser 3.50

  • Particle and Sprite Editors in Babylon.js 4.2

  • Healthcare Industry HTML5 Games

  • Games for Events Example



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

  • Phaser 3 Game Object Pools Tutorial

    Memory allocation inside update loops often causes framerate problems in real-time gaming. One of the best solutions to this is to use Object Pools in Phaser 3. An Object Pool …Read more

  • Games During The COVID-19 Pandemic

    There so many effective ways to engage your audience with HTML5 games. Here is an example of how to run a game campaign to keep users motivated during difficult times. …Read more

  • 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

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