Jukebox Hero

THE MISSION

This weeks challenge was to build a video and/or media player.

THE INSPIRATION

The first thing that came to my mind when I thought of a media player was an old jukebox – the kind that is mounted on the wall of a diner booth, but instead of spinning records, I imagined it playing music videos.  I thought that old songs would be a natural choice for a jukebox, so I chose  some music with a Guardians of the Galaxy vibe – catchy, singable and fun.

THE PROCESS

coinstatesFirst, I drew the jukebox in Illustrator, leaving an empty space at the top to place the videos.  Next, I wanted  the viewer to insert a coin to play the videos, and decided that the drag and drop interaction would work for this using the coin as the object, and the coin slot as the target.  However this presented a problem.  If the coin was on the table, it would be flat, but to have it drop in the coin slot, it would need to be round.  My solution was to give the coin a new round state change, and add a trigger to change its state when it was dragged off the table.  This would mean that it would be in the right orientation to go in the slot.

slidelayersI made a separate layer for each song and set each video to start automatically.  I made a button set out of the video buttons so that the buttons would change their states to selected or normal, depending on which was pushed.  I added an additional layer to inform the viewer that they needed to insert the coin before the videos would work.

THE OUTCOME

Ten triggers and one variable later resulted in the finished product.  I’m so glad that I made this  because what started as just a fun experiment, could potentially be used for a future project.

6 Comments

  1. Veronica said:

    Hi Linda,

    I LOVE this! How creative and well-designed, great work!

    January 14, 2016
    Reply
  2. June Ganes said:

    Hey Linda,
    Great design! Loved this, good job!

    January 14, 2016
    Reply
  3. Linda Bell said:

    Love this.

    January 14, 2016
    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *