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

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 songs was already nearing completion.

“It was never supposed to be a posthumous homage. It was about using code and real time graphics to visualise a badass rock song,” said the project’s creator.

Mailman Music Visualization
Mailman Music Visualization

(Images via brunoimbrizi.com)

The song is Mailman, one of the lesser known songs in the band’s 1994 breakthrough album Superunknown. And the resulting interactive music video is a stunning experiment in visual code.

You can watch the video without doing anything, but you’ll completely miss out on all the badasssery it has to offer. So tap and click away, please.

Audio visualization of Soundgarden song with lyrics
Audio visualization of Soundgarden song

(Images via brunoimbrizi.com)

Check out the final result here: mailman.acervo.io
Read the author’s blog post about it here: brunoimbrizi.com/unbox/2017/06/mailman

Share List

You might also find this interesting:


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

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

  3. Free game graphics and audio resources Scoreoid has a great post on resources for Global Game Jam 2012, including good links of free art and sound resources. Some of the list: HasGraphics – Free Graphics for...

  4. HTML5 Web Audio API tutorial Kyle Nau has posted an excellent 30 minute video tutorial on HTML5 Web Audio with a razor focus on using Web Audio for simply loading and playing sounds in games...

  5. Audia: A HTML5 Library for Chrome's Web Audio API Lost Decade Games has released a HTML5 Library called Audia (Writeup, Github Project, Demo) to simplify the usage of Chrome’s Web Audio API. The Web Audio API is a low-level...

Audio Visualization, Bruno Imbrizi, Music, Music Video, Soundgarden, Visual Coding
Canvas-2, 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.

Facebook Messenger Games in HTML5

We've created a website to to review new HTML5 games launched on Facebook Messenger ( a.k.a Facebook Instant Games).

Introducing FBmessengergames.com, a website to track the emergence and growth of this new platform.

With the rise of HTML5 technology, large platforms such as Facebook have used it to power their games system within Facebook Messenger. This allows developers to create interesting content to reach massive audiences.


Html5 Game Development


Follow @GameDevHTML5



WHAT’S NEW

  • Benefits of HTML5 Playable Ads

  • HTML5 Playable Ads for Brands

  • ThreeJS Geometric Shapes Tutorial

  • Branded Game for Marketing in the Automotive Industry

  • HTML5 Games For Senior and Elderly Care




NEW DEMOS

  • Slice Physics Bodies with Matter.js and Phaser

  • HTML5 Game Reskins with YoutTube Influencers

  • Aphrodite Starter Kit – 3D Editor

  • Procedurally-Generated Planet

  • Dungeon Dash – Game Development Experiment


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 meetup

HTML5 Game Development is Proudly built in Boston

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