Wednesday, March 9, 2011

1st Working User Interface

With the works almost all in place i started working on the UI. I changed the window wize from 500x200 to 500x375 to correspond to the image size to be placed in the background.

The black background is now replaced by the image of a stage - ties in with the orchestra sounds we have going on ;) Since we are still testing, I left the signal stroke there (the line that wiggles when there is a clip playing) this will help us identify what music is playing and what not. However, this can easily be removed by remove the stroke, to reveal a very clean background image.

This is what it looks like without the line:



I also cleaned the code up a little because the size of the window was being declared for every i time a new sound clip is brought on. This wasn't necessary as the size of the window is created at startup and is independent of any music clips.

I tested the start and stop, volumn up and down keys using this user interface and it works well.

Let me know what you think :) Everything is drop boxed.

Maria.

3 comments:

  1. will be dropboxing the code in a moment :)

    ReplyDelete
  2. mar send me the new code pls..

    GUI looks good, i was thinking: how about keeping the stroke at the bottom of the gui? having a black rectangle under stage with the bar, duration, playing/not playing and recording/not recording should be simple enough to toss in

    ReplyDelete
  3. love it =D

    Some things I'll try work on before New Media:

    1) add more black at the bottom to shift the white lines

    2) obtain images (with transparent backgrounds) of the 12 different audio clips (and a microphone for user clip)

    3) get the images to show up at different positions on the UI when audio clip is being played



    Well done guys this project is coming along very well very quickly..if we keep it up and continue developing/adding cutting edge features, we've got a best seller on our hands ;)

    ReplyDelete