The Loop-Pad section of this application will give students the chance to create loops in different genres (Hip-hop, Dubstep, Rock, Latin). The idea of this is that students can experiment with loops, import their own beats from a sampler and/or the ‘Musical Creation Lab section’, and export them into the composition tool section. Of course, this type of linking between sections will require teams of people who have the skills to code HTML and Javascript, and of course more time/money.

For our wireframe we are creating the generic interfaces of each section using Hype, of which we are learning to use along the way.

Screen Shot 2016-11-05 at 8.50.23 pm.png
Loop-pad Menu

The menu for the loop-pad currently looks like this, with a button that leads to each genre. This was achieved by combining text and symbols, and then adding an action to each one that goes to their respective scene.

Within each scene we wanted to make it colourful, so we chose bright colours and alternated them in each row. Using the timeline in Hype we recorded 8 seconds of changes in saturation and hue, and then looped it, this allows for a movement in the colours when played. animation.gif

The next part was to include music. We used some juicy loops from a royalty free loop library and categorised them by beat, melody, bass, voice and FX. In order to turn a loop on and off again we had to create two on the same cube, one that turned it on, and one that stopped. We used ‘play’ and ‘pause’ buttons to make it easier to turn them on and off. We even figured out how the create a nice pop up light on the button once pressed, by recording the increase of brightness on the play button in the timeline. At this point it was working quite well, until we noticed that you couldn’t tell which ones of the 25 loops were the ones that were playing after having pressed them. We creates one time line titled “Lights” and one titled “Normal”.

The pause button would then have to have 3 actions on it:

  1. Stop Sound
  2. Pause timeline “Lights”
  3. Start timeline “Normal”

However this would only work for that one button and its corresponding play button. This means we would need to create two timelines per cube, creating a total of 50 timelines running at once. This doesn’t quite seem practical with time constraints, so we will be attempting to come up with a code that will achieve this in a more effective way… in the meantime, enjoy this little sample of the Dubstep Loop-Pad: