X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=_Overlay.pde;h=d33e4a14d33a9e4ac9318a3d6f1c48788d8f7d9b;hb=b11ff42b4235ebf514245ac177cb4809067c988b;hp=793d313170c577eda7f577babff4cd84e57b434c;hpb=cc9fcf4be00a99376a2083ddfbcf589f94ee6785;p=SugarCubes.git diff --git a/_Overlay.pde b/_Overlay.pde index 793d313..d33e4a1 100644 --- a/_Overlay.pde +++ b/_Overlay.pde @@ -1,3 +1,5 @@ +import java.lang.reflect.*; + /** * DOUBLE BLACK DIAMOND DOUBLE BLACK DIAMOND * @@ -12,30 +14,153 @@ * into the Processing library once it is stabilized and need not be * regularly modified. */ -class OverlayUI { - - private final PFont titleFont = createFont("Myriad Pro", 10); - private final PFont itemFont = createFont("Lucida Grande", 11); - private final PFont knobFont = titleFont; - private final int w = 140; - private final int leftPos; - private final int leftTextPos; - private final int lineHeight = 20; - private final int sectionSpacing = 12; - private final int controlSpacing = 18; - private final int tempoHeight = 20; - private final int knobSize = 28; - private final float knobIndent = .4; - private final int knobSpacing = 6; - private final int knobLabelHeight = 14; - private final color lightBlue = #666699; - private final color lightGreen = #669966; +abstract class OverlayUI { + protected final PFont titleFont = createFont("Myriad Pro", 10); + protected final color titleColor = #AAAAAA; + protected final PFont itemFont = createFont("Lucida Grande", 11); + protected final PFont knobFont = titleFont; + protected final int w = 140; + protected final int leftPos; + protected final int leftTextPos; + protected final int lineHeight = 20; + protected final int sectionSpacing = 12; + protected final int controlSpacing = 18; + protected final int tempoHeight = 20; + protected final int knobSize = 28; + protected final float knobIndent = .4; + protected final int knobSpacing = 6; + protected final int knobLabelHeight = 14; + protected final color lightBlue = #666699; + protected final color lightGreen = #669966; + + private PImage logo; + + protected final int STATE_DEFAULT = 0; + protected final int STATE_ACTIVE = 1; + protected final int STATE_PENDING = 2; + + protected OverlayUI() { + leftPos = width - w; + leftTextPos = leftPos + 4; + logo = loadImage("logo-sm.png"); + } + + protected void drawLogoAndBackground() { + image(logo, 4, 4); + stroke(color(0, 0, 100)); + // fill(color(0, 0, 50, 50)); // alpha is bad for perf + fill(color(0, 0, 30)); + rect(leftPos-1, -1, w+2, height+2); + } + + protected void drawToggleTip(String s) { + fill(#999999); + textFont(itemFont); + textAlign(LEFT); + text(s, leftTextPos, height-6); + } + + protected void drawHelpTip() { + textFont(itemFont); + textAlign(RIGHT); + text("Tap 'u' to restore UI", width-4, height-6); + } + + public void drawFPS() { + textFont(titleFont); + textAlign(LEFT); + fill(#666666); + text("FPS: " + (((int)(frameRate * 10)) / 10.), 4, height-6); + } + + protected int drawObjectList(int yPos, String title, Object[] items, Method stateMethod) { + return drawObjectList(yPos, title, items, classNameArray(items, null), stateMethod); + } + + protected int drawObjectList(int yPos, String title, Object[] items, String[] names, Method stateMethod) { + noStroke(); + fill(titleColor); + textFont(titleFont); + textAlign(LEFT); + text(title, leftTextPos, yPos += lineHeight); + if (items != null) { + textFont(itemFont); + color textColor; + boolean even = true; + for (int i = 0; i < items.length; ++i) { + Object o = items[i]; + int state = STATE_DEFAULT; + try { + state = ((Integer) stateMethod.invoke(this, o)).intValue(); + } catch (Exception x) { + throw new RuntimeException(x); + } + switch (state) { + case STATE_ACTIVE: + fill(lightGreen); + textColor = #eeeeee; + break; + case STATE_PENDING: + fill(lightBlue); + textColor = color(0, 0, 75 + 15*sin(millis()/200.));; + break; + default: + textColor = 0; + fill(even ? #666666 : #777777); + break; + } + rect(leftPos, yPos+6, width, lineHeight); + fill(textColor); + text(names[i], leftTextPos, yPos += lineHeight); + even = !even; + } + } + return yPos; + } + + protected String[] classNameArray(Object[] objects, String suffix) { + if (objects == null) { + return null; + } + String[] names = new String[objects.length]; + for (int i = 0; i < objects.length; ++i) { + names[i] = className(objects[i], suffix); + } + return names; + } + + protected String className(Object p, String suffix) { + String s = p.getClass().getName(); + int li; + if ((li = s.lastIndexOf(".")) > 0) { + s = s.substring(li + 1); + } + if (s.indexOf("SugarCubes$") == 0) { + s = s.substring("SugarCubes$".length()); + } + if ((suffix != null) && ((li = s.indexOf(suffix)) != -1)) { + s = s.substring(0, li); + } + return s; + } + + protected int objectClickIndex(int firstItemY) { + return (mouseY - firstItemY) / lineHeight; + } + abstract public void draw(); + abstract public void mousePressed(); + abstract public void mouseDragged(); + abstract public void mouseReleased(); +} + +/** + * UI for control of patterns, transitions, effects. + */ +class ControlUI extends OverlayUI { private final String[] patternNames; private final String[] transitionNames; private final String[] effectNames; - - private PImage logo; private int firstPatternY; private int firstPatternKnobY; @@ -49,12 +174,8 @@ class OverlayUI { private Method patternStateMethod; private Method transitionStateMethod; private Method effectStateMethod; - - OverlayUI() { - leftPos = width - w; - leftTextPos = leftPos + 4; - logo = loadImage("logo-sm.png"); - + + ControlUI() { patternNames = classNameArray(patterns, "Pattern"); transitionNames = classNameArray(transitions, "Transition"); effectNames = classNameArray(effects, "Effect"); @@ -67,22 +188,10 @@ class OverlayUI { throw new RuntimeException(x); } } - - void drawHelpTip() { - textFont(itemFont); - textAlign(RIGHT); - text("Tap 'u' to restore UI", width-4, height-6); - } - - void draw() { - image(logo, 4, 4); - - stroke(color(0, 0, 100)); - // fill(color(0, 0, 50, 50)); // alpha is bad for perf - fill(color(0, 0, 30)); - rect(leftPos-1, -1, w+2, height+2); - - int yPos = 0; + + public void draw() { + drawLogoAndBackground(); + int yPos = 0; firstPatternY = yPos + lineHeight + 6; yPos = drawObjectList(yPos, "PATTERN", patterns, patternNames, patternStateMethod); yPos += controlSpacing; @@ -131,10 +240,7 @@ class OverlayUI { text("" + ((int)(lx.tempo.bpmf() * 100) / 100.), leftPos + w/2., yPos + tempoHeight - 6); yPos += tempoHeight; - fill(#999999); - textFont(itemFont); - textAlign(LEFT); - text("Tap 'u' to hide UI", leftTextPos, height-6); + drawToggleTip("Tap 'u' to hide"); } public LXParameter getOrNull(List items, int index) { @@ -144,17 +250,6 @@ class OverlayUI { return null; } - public void drawFPS() { - textFont(titleFont); - textAlign(LEFT); - fill(#666666); - text("FPS: " + (((int)(frameRate * 10)) / 10.), 4, height-6); - } - - private final int STATE_DEFAULT = 0; - private final int STATE_ACTIVE = 1; - private final int STATE_PENDING = 2; - public int getState(LXPattern p) { if (p == lx.getPattern()) { return STATE_ACTIVE; @@ -181,56 +276,8 @@ class OverlayUI { } return STATE_DEFAULT; } - - protected int drawObjectList(int yPos, String title, Object[] items, Method stateMethod) { - return drawObjectList(yPos, title, items, classNameArray(items, null), stateMethod); - } - - private int drawObjectList(int yPos, String title, Object[] items, String[] names, Method stateMethod) { - noStroke(); - fill(#aaaaaa); - textFont(titleFont); - textAlign(LEFT); - text(title, leftTextPos, yPos += lineHeight); - if (items != null) { - textFont(itemFont); - color textColor; - boolean even = true; - for (int i = 0; i < items.length; ++i) { - Object o = items[i]; - int state = STATE_DEFAULT; - try { - state = ((Integer) stateMethod.invoke(this, o)).intValue(); - } catch (Exception x) { - throw new RuntimeException(x); - } - switch (state) { - case STATE_ACTIVE: - fill(lightGreen); - textColor = #eeeeee; - break; - case STATE_PENDING: - fill(lightBlue); - textColor = color(0, 0, 75 + 15*sin(millis()/200.));; - break; - default: - textColor = 0; - fill(even ? #666666 : #777777); - break; - } - rect(leftPos, yPos+6, width, lineHeight); - fill(textColor); - text(names[i], leftTextPos, yPos += lineHeight); - even = !even; - } - } - return yPos; - } private void drawKnob(int xPos, int yPos, int knobSize, LXParameter knob) { - if (!knobsOn) { - return; - } final float knobValue = knob.getValuef(); String knobLabel = knob.getLabel(); if (knobLabel == null) { @@ -270,33 +317,6 @@ class OverlayUI { textAlign(CENTER); textFont(knobFont); text(knobLabel, xPos + knobSize/2, yPos + knobSize + knobLabelHeight - 2); - - } - - private String[] classNameArray(Object[] objects, String suffix) { - if (objects == null) { - return null; - } - String[] names = new String[objects.length]; - for (int i = 0; i < objects.length; ++i) { - names[i] = className(objects[i], suffix); - } - return names; - } - - private String className(Object p, String suffix) { - String s = p.getClass().getName(); - int li; - if ((li = s.lastIndexOf(".")) > 0) { - s = s.substring(li + 1); - } - if (s.indexOf("SugarCubes$") == 0) { - s = s.substring("SugarCubes$".length()); - } - if ((suffix != null) && ((li = s.indexOf(suffix)) != -1)) { - s = s.substring(0, li); - } - return s; } private int patternKnobIndex = -1; @@ -319,7 +339,7 @@ class OverlayUI { } else if ((mouseY >= firstEffectKnobY) && (mouseY < firstEffectKnobY + knobSize + knobLabelHeight)) { effectKnobIndex = (mouseX - leftTextPos) / (knobSize + knobSpacing); } else if (mouseY > firstEffectY) { - int effectIndex = (mouseY - firstEffectY) / lineHeight; + int effectIndex = objectClickIndex(firstEffectY); if (effectIndex < effects.length) { if (effects[effectIndex] == glucose.getSelectedEffect()) { effects[effectIndex].enable(); @@ -330,7 +350,7 @@ class OverlayUI { } else if ((mouseY >= firstTransitionKnobY) && (mouseY < firstTransitionKnobY + knobSize + knobLabelHeight)) { transitionKnobIndex = (mouseX - leftTextPos) / (knobSize + knobSpacing); } else if (mouseY > firstTransitionY) { - int transitionIndex = (mouseY - firstTransitionY) / lineHeight; + int transitionIndex = objectClickIndex(firstTransitionY); if (transitionIndex < transitions.length) { glucose.setSelectedTransition(transitionIndex); } @@ -340,7 +360,7 @@ class OverlayUI { patternKnobIndex += glucose.NUM_PATTERN_KNOBS / 2; } } else if (mouseY > firstPatternY) { - int patternIndex = (mouseY - firstPatternY) / lineHeight; + int patternIndex = objectClickIndex(firstPatternY); if (patternIndex < patterns.length) { lx.goIndex(patternIndex); } @@ -372,6 +392,225 @@ class OverlayUI { } +/** + * UI for control of mapping. + */ +class MappingUI extends OverlayUI { + + private MappingTool mappingTool; + + private final String MAPPING_MODE_ALL = "All On"; + private final String MAPPING_MODE_CHANNEL = "Channel"; + private final String MAPPING_MODE_SINGLE_CUBE = "Single Cube"; + + private final String[] mappingModes = { + MAPPING_MODE_ALL, + MAPPING_MODE_CHANNEL, + MAPPING_MODE_SINGLE_CUBE + }; + private final Method mappingModeStateMethod; + + private final String CUBE_MODE_ALL = "All Strips"; + private final String CUBE_MODE_SINGLE_STRIP = "Single Strip"; + private final String CUBE_MODE_STRIP_PATTERN = "Strip Pattern"; + private final String[] cubeModes = { + CUBE_MODE_ALL, + CUBE_MODE_SINGLE_STRIP, + CUBE_MODE_STRIP_PATTERN + }; + private final Method cubeModeStateMethod; + + private final String CHANNEL_MODE_RED = "Red"; + private final String CHANNEL_MODE_GREEN = "Green"; + private final String CHANNEL_MODE_BLUE = "Blue"; + private final String[] channelModes = { + CHANNEL_MODE_RED, + CHANNEL_MODE_GREEN, + CHANNEL_MODE_BLUE, + }; + private final Method channelModeStateMethod; + + private int firstMappingY; + private int firstCubeY; + private int firstChannelY; + private int channelFieldY; + private int cubeFieldY; + private int stripFieldY; + + private boolean dragCube; + private boolean dragStrip; + private boolean dragChannel; + + MappingUI(MappingTool mappingTool) { + this.mappingTool = mappingTool; + try { + mappingModeStateMethod = getClass().getMethod("getMappingState", Object.class); + channelModeStateMethod = getClass().getMethod("getChannelState", Object.class); + cubeModeStateMethod = getClass().getMethod("getCubeState", Object.class); + } catch (Exception x) { + throw new RuntimeException(x); + } + } + + public int getMappingState(Object mappingMode) { + boolean active = false; + if (mappingMode == MAPPING_MODE_ALL) { + active = mappingTool.mappingMode == mappingTool.MAPPING_MODE_ALL; + } else if (mappingMode == MAPPING_MODE_CHANNEL) { + active = mappingTool.mappingMode == mappingTool.MAPPING_MODE_CHANNEL; + } else if (mappingMode == MAPPING_MODE_SINGLE_CUBE) { + active = mappingTool.mappingMode == mappingTool.MAPPING_MODE_SINGLE_CUBE; + } + return active ? STATE_ACTIVE : STATE_DEFAULT; + } + + public int getChannelState(Object channelMode) { + boolean active = false; + if (channelMode == CHANNEL_MODE_RED) { + active = mappingTool.channelModeRed; + } else if (channelMode == CHANNEL_MODE_GREEN) { + active = mappingTool.channelModeGreen; + } else if (channelMode == CHANNEL_MODE_BLUE) { + active = mappingTool.channelModeBlue; + } + return active ? STATE_ACTIVE : STATE_DEFAULT; + } + + public int getCubeState(Object cubeMode) { + boolean active = false; + if (cubeMode == CUBE_MODE_ALL) { + active = mappingTool.cubeMode == mappingTool.CUBE_MODE_ALL; + } else if (cubeMode == CUBE_MODE_SINGLE_STRIP) { + active = mappingTool.cubeMode == mappingTool.CUBE_MODE_SINGLE_STRIP; + } else if (cubeMode == CUBE_MODE_STRIP_PATTERN) { + active = mappingTool.cubeMode == mappingTool.CUBE_MODE_STRIP_PATTERN; + } + return active ? STATE_ACTIVE : STATE_DEFAULT; + } + + public void draw() { + drawLogoAndBackground(); + int yPos = 0; + firstMappingY = yPos + lineHeight + 6; + yPos = drawObjectList(yPos, "MAPPING MODE", mappingModes, mappingModes, mappingModeStateMethod); + yPos += sectionSpacing; + + firstCubeY = yPos + lineHeight + 6; + yPos = drawObjectList(yPos, "CUBE MODE", cubeModes, cubeModes, cubeModeStateMethod); + yPos += sectionSpacing; + + firstChannelY = yPos + lineHeight + 6; + yPos = drawObjectList(yPos, "CHANNELS", channelModes, channelModes, channelModeStateMethod); + yPos += sectionSpacing; + + channelFieldY = yPos + lineHeight + 6; + yPos = drawValueField(yPos, "CHANNEL ID", mappingTool.channelIndex + 1); + yPos += sectionSpacing; + + cubeFieldY = yPos + lineHeight + 6; + yPos = drawValueField(yPos, "CUBE ID", glucose.model.getRawIndexForCube(mappingTool.cubeIndex)); + yPos += sectionSpacing; + + stripFieldY = yPos + lineHeight + 6; + yPos = drawValueField(yPos, "STRIP ID", mappingTool.stripIndex + 1); + + drawToggleTip("Tap 'm' to return"); + } + + private int drawValueField(int yPos, String label, int value) { + yPos += lineHeight; + textAlign(LEFT); + textFont(titleFont); + fill(titleColor); + text(label, leftTextPos, yPos); + fill(0); + yPos += 6; + rect(leftTextPos, yPos, w-8, lineHeight); + yPos += lineHeight; + + fill(#999999); + textAlign(CENTER); + textFont(itemFont); + text("" + value, leftTextPos + (w-8)/2, yPos - 5); + + return yPos; + } + + private int lastY; + + public void mousePressed() { + dragCube = dragStrip = dragChannel = false; + lastY = mouseY; + if (mouseY >= stripFieldY) { + if (mouseY < stripFieldY + lineHeight) { + dragStrip = true; + } + } else if (mouseY >= cubeFieldY) { + if (mouseY < cubeFieldY + lineHeight) { + dragCube = true; + } + } else if (mouseY >= channelFieldY) { + if (mouseY < channelFieldY + lineHeight) { + dragChannel = true; + } + } else if (mouseY >= firstChannelY) { + int index = objectClickIndex(firstChannelY); + switch (index) { + case 0: mappingTool.channelModeRed = !mappingTool.channelModeRed; break; + case 1: mappingTool.channelModeGreen = !mappingTool.channelModeGreen; break; + case 2: mappingTool.channelModeBlue = !mappingTool.channelModeBlue; break; + } + } else if (mouseY >= firstCubeY) { + int index = objectClickIndex(firstCubeY); + switch (index) { + case 0: mappingTool.cubeMode = mappingTool.CUBE_MODE_ALL; break; + case 1: mappingTool.cubeMode = mappingTool.CUBE_MODE_SINGLE_STRIP; break; + case 2: mappingTool.cubeMode = mappingTool.CUBE_MODE_STRIP_PATTERN; break; + } + } else if (mouseY >= firstMappingY) { + int index = objectClickIndex(firstMappingY); + switch (index) { + case 0: mappingTool.mappingMode = mappingTool.MAPPING_MODE_ALL; break; + case 1: mappingTool.mappingMode = mappingTool.MAPPING_MODE_CHANNEL; break; + case 2: mappingTool.mappingMode = mappingTool.MAPPING_MODE_SINGLE_CUBE; break; + } + } + } + + public void mouseReleased() { + } + + public void mouseDragged() { + final int DRAG_THRESHOLD = 5; + int dy = lastY - mouseY; + if (abs(dy) >= DRAG_THRESHOLD) { + lastY = mouseY; + if (dragCube) { + if (dy < 0) { + mappingTool.decCube(); + } else { + mappingTool.incCube(); + } + } else if (dragStrip) { + if (dy < 0) { + mappingTool.decStrip(); + } else { + mappingTool.incStrip(); + } + } else if (dragChannel) { + if (dy < 0) { + mappingTool.decChannel(); + } else { + mappingTool.incChannel(); + } + } + } + + } + + +} + void mousePressed() { if (mouseX > ui.leftPos) { ui.mousePressed();