learning the ropes

things I made at ITP and after: sketches, prototypes, and other documentation

Monday, January 29, 2007

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);
}
posted by Michael at 10:09 pm  

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment

Powered by WordPress