For our wireframe we are creating the generic interfaces of each section using Hype, of which we are learning to use along the way.
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.
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:
- Stop Sound
- Pause timeline “Lights”
- 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: