« User Interface Testing - Yamaha TG77 - Overview | Main | Magic Flute »

User Interface Demo Program

I created a quick demo program to explore the slider behavior, where quick=1.5 hours. I found a library in Processing to do the slider, but I had trouble getting it to work quickly.

Mockup Screenshot

import mkv.MyGUI.*;

/*
 User Interface Mockup for TG77 jogwheel mode
 
 Michael Chladil
 2007-01-29
 
 Designing for Constraints
 Interactive Telecommunications Program
 NYU
 
 with much assistance from http://mkv25.net/applets/MyGUI_a2/MyGUI_a2.pde
 
*/

String PatchNames[];

PImage bgImage;

MyGUI          gui;
MyGUIPinSlider DataEntrySlider;
   
void setup ()
{
   size (486, 283);
   PFont displayFont = loadFont ("ArialMT-40.vlw");
   
   textFont (displayFont);
   
   PatchNames = loadStrings ("Voices.txt");
   bgImage = loadImage ("tg77 front panel small.jpg");
   
   background (bgImage);
   
   gui =  new MyGUI (this);
   DataEntrySlider = new MyGUIPinSlider(this, 455, 100, 100, 30, 0, PatchNames.length - 1);
   DataEntrySlider.rotate (-90);
   gui.add (DataEntrySlider);
}


void draw ()
{
   background(bgImage); 

   fill(0,0,0);
   text (PatchNames[DataEntrySlider.getValue()], 75, 150);
   
   delay (20);
}

TrackBack

TrackBack URL for this entry:
http://itp.nyu.edu/~mjc497/cgi-bin/mt/mt-tb.cgi/49

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)