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

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 food company Nissin, famous for their instant ramen products, created the video to promote their popular cookie called Coconut Sable (ココナツサブレ, literally pronounced co-co-na-tsu-sa-bu-re).

Japanese Mash Up Music Video 5572320 Coconut Sable buttons

The visual appearance of the animation in the video changes when one or more of the buttons are pressed. For instance, the yellow button when activated makes the girl and objects in the video take on a wire frame appearance, the green one makes low-poly animals appear, the blue one creates a Salvador Dali-esque background, and the pink one produces a tunnel/kaleidoscope effect on the screen.

Japanese Mash Up Music Video 5572320 Coconut Sable

Clicking on each of the four buttons also activates a different music track. Amazingly, each song was written by a different artist! The schoolgirl uniform-clad all-female band that performs the songs and is seen in the video is Japanese rock idol group 5572320 (五五七二三二〇) who made their debut in 2015 under Sony Music.

So get your headphones on an experience the sights and sounds of Coconut Sable here. You can read about 五五七二三二〇 and the musicians who collaborated on this video here (You may need to use Google Translate).

Share List
Share List

You might also find this interesting:


  1. HTML5 Game Development Facebook, Twitter and G+ The official HTML5GameDevelopment.org Facebook page up at: http://www.facebook.com/Html5GameDevelopment The official HTML5GameDevelopment.org Twitter account is at: https://twitter.com/#!/gamedevhtml5 The Google Plus page is up at: https://plus.google.com/b/106608051085232600929/ All are updated automatically via the...

  2. 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...

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

  4. Climatune: Playlists for Different Types of Weather What happens when Spotify and Accuweather collaborate on a project? You get the world’s largest-scale research that has ever tried to find out the relationship between the prevailing weather and what...

  5. Mailman by Soundgarden: An Interactive Audio Visualization Rock band Soundgarden was a pioneer in the grunge rock genre. When their lead vocalist Chris Cornell passed away last May 18, a fan-made audio visualization project of one of their...

3D, Interactive, Japanese, Music, Music Video
Misc

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

  • Game Localization For Food Delivery App

  • 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



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

  • GDevelop – Free and Easy HTML5 Game Engine

    If you are looking for a free and easy HTML5 game engine, check out GDevelop. This game creator is designed to be used by everyone, with its no-code, open-source, free, …Read more

  • 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

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