Category Archives: Game Design - Page 2

Labuat’s “Soy tu Aire”

This interactive music video, featuring “Soy tu Aire” by French singer Labuat, is put together by Herraiz Soto & Co.. The music video features a brush stroking running along; the viewer control the brush’s movement and follows its perceptions. The size of the brush varies based on the song’s volume, and occasionally, trickets of visual elements may appear along the path.

Play the music video

Neon Bible from Arcade Fire

The Arcade Fire’s “Neon Bible” is another interesting example where the user can controller the music video’s performance.

Watch (and play) the Music Video

Users can interact with different parts fo the video (for the majority of the time, the vocalist’s hands and head), which reacts differently on different parts of the video.

Guitar Hero Hero by LeetStreet Boys [Online Game]

The LeetStreet Boys (a.k.a. the L33tStr33t Boys) is a fantasy band themed on Anime Otaku culture. Found by Matt Myers and Ryan  McCormack, the band made the spotlight with its single music video, “Yuri The Only One”. In many of its songs, music video, and webcomic, references to games are superfluous; for starters, the lead singer sports a Guitar Hero guitar controller for most of the performances. Nathan Soria, who had worked with the band to create animated music videos for them.

The single that’s of interest today, “Guitar Hero Hero”, is a tribute song to the Guitar Hero games as well as an attempt to fuse RPG with music games.  This single is also made into an online game that resembles DDR.

Play the game here

Blog post about it

The music video that runs in the background is pre-rendered, and the only visual elements that responds to the player’s performance is the score bar UI, overlayed over the music video. There are 3 different endings based on the player’s performance, but even those may end up becoming disjointed from what happened in the music video.

Vib Ribbon

A game on Playstation, where you control a rabbit character to travel through a stage filled with obsticles. And, as a music game, the obsticles (blocks, holes, loops, etc) are placed based on the music.

Intro and Tutorial

Example of gameplay

King of the Dogs by Iggy Pop

Interactive music video for King of the Dogs by Iggy Pop.

The interactive part in this is that users can chose between 3 main characters, and therefore 3 variations of narratives.

I’ve Seen Enough – Interactive Music Video of Cold War Kids

Interactive version of Cold War Kids’ I’ve Seen Enough:

I’ve Seen Enough on MTV

Other than the fact that you can mute/unmute a band member’s performance, the better surprise is that each band member’s performance also comes in 4 different versions as well.

Ride My Star – Interactive Music Video of Julian Perretta

While this is not a game, I found it an interesting example of interactive music video as music promos. devilfish made a Flash animation that utilized the webcam and some computer vision to render a 3D version of the music video. The main interaction takes place with the user holding a “tracking card” in front of the camera, by which the 3D video is rendered.

Julian Perretta’s Interactive Music Promo on Creative Review

Virtual Drum utilizing the webcam

Using computer vision and motion detection to create a visual drum. Cool stuff>

osu! – Tribute game to Ouendan and EBA

osu! is a tribute game to Osu! Tadake! Ouendan! and Elite Beat Agents from the NDS. It’s playable on PC and takes over the original game’s game mechanic. Further yet, players can make their own customized stage with their own choice of song.

osu! Homepage

Unlike in the original game, in osu! the background visuals can either be a still image or a pre-rendered video. Indication of the palyer’s performance,  failure, and fever/combo becomes the responsiblity of the gauge UI.

Scratch

An animation tool developed by MIT, in which users can create interactive games and animation in. Projects can be uploaded and shared. Appearantly a lot of youngsters enjoyed using this.

Scratch Homepage

There’s other animating tools online similar to Scratch, but I find this to be really scripting/programming-oriented as well. Just take a look at the “Control” and “Sensing” tabs in the interface; those are practically programming elements visualized.

Page 2 of 3123