////  ControlACs.js//  examples////  Created by Clément Brisset on 8/28/14.//  Copyright 2014 High Fidelity, Inc.////  Distributed under the Apache License, Version 2.0.//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html// // Set the following variables to the right valuevar NUM_AC = 3; // This is the number of AC. Their ID need to be unique and between 0 (included) and NUM_AC (excluded)var NAMES = new Array("Craig", "Clement", "Jeff"); // ACs names ordered by IDs (Default name is "ACx", x = ID + 1)) // Those variables MUST be common to every scriptsvar controlEntitySize = 0.25;var controlEntityPosition = { x: 0, y: 0, z: 0 }; // Script. DO NOT MODIFY BEYOND THIS LINE.Script.include("../libraries/toolBars.js"); var clip_url = null;var input_text = null; var DO_NOTHING = 0;var PLAY = 1;var PLAY_LOOP = 2;var STOP = 3;var SHOW = 4;var HIDE = 5;var LOAD = 6;  var windowDimensions = Controller.getViewportDimensions();var TOOL_ICON_URL = Script.getExternalPath(Script.ExternalPaths.Assets, "images/tools/");var ALPHA_ON = 1.0;var ALPHA_OFF = 0.7;var COLOR_TOOL_BAR = { red: 0, green: 0, blue: 0 };var COLOR_MASTER = { red: 0, green: 0, blue: 0 };var TEXT_HEIGHT = 12;var TEXT_MARGIN = 3; var toolBars = new Array();var nameOverlays = new Array();var onOffIcon = new Array();var playIcon = new Array();var playLoopIcon = new Array();var stopIcon = new Array();var loadIcon = new Array();setupToolBars();  function setupToolBars() {    if (toolBars.length > 0) {        print("Multiple calls to Recorder.js:setupToolBars()");        return;    }    Tool.IMAGE_HEIGHT /= 2;    Tool.IMAGE_WIDTH /= 2;        for (i = 0; i <= NUM_AC; i++) {        toolBars.push(new ToolBar(0, 0, ToolBar.HORIZONTAL));        toolBars[i].setBack((i === NUM_AC) ? COLOR_MASTER : COLOR_TOOL_BAR, ALPHA_OFF);                onOffIcon.push(toolBars[i].addTool({                                           imageURL: TOOL_ICON_URL + "ac-on-off.svg",                                           subImage: { x: 0, y: 0, width: Tool.IMAGE_WIDTH, height: Tool.IMAGE_HEIGHT },                                           x: 0, y: 0,                                           width: Tool.IMAGE_WIDTH,                                           height: Tool.IMAGE_HEIGHT,                                           alpha: ALPHA_ON,                                           visible: true                                           }, true, true));                playIcon[i] = toolBars[i].addTool({                                          imageURL: TOOL_ICON_URL + "play.svg",                                          subImage: { x: 0, y: 0, width: Tool.IMAGE_WIDTH, height: Tool.IMAGE_HEIGHT },                                          width: Tool.IMAGE_WIDTH,                                          height: Tool.IMAGE_HEIGHT,                                          alpha: ALPHA_OFF,                                          visible: true                                          }, false);                var playLoopWidthFactor = 1.65;        playLoopIcon[i] = toolBars[i].addTool({                                              imageURL: TOOL_ICON_URL + "play-and-loop.svg",                                              subImage: { x: 0, y: 0, width: playLoopWidthFactor * Tool.IMAGE_WIDTH, height: Tool.IMAGE_HEIGHT },                                              width: playLoopWidthFactor * Tool.IMAGE_WIDTH,                                              height: Tool.IMAGE_HEIGHT,                                              alpha: ALPHA_OFF,                                              visible: true                                              }, false);                stopIcon[i] = toolBars[i].addTool({                                          imageURL: TOOL_ICON_URL + "recording-stop.svg",                                          width: Tool.IMAGE_WIDTH,                                          height: Tool.IMAGE_HEIGHT,                                          alpha: ALPHA_OFF,                                          visible: true                                          }, false);                                                  loadIcon[i] = toolBars[i].addTool({                                          imageURL: TOOL_ICON_URL + "recording-upload.svg",                                          width: Tool.IMAGE_WIDTH,                                          height: Tool.IMAGE_HEIGHT,                                          alpha: ALPHA_OFF,                                          visible: true                                          }, false);                nameOverlays.push(Overlays.addOverlay("text", {                                              backgroundColor: { red: 0, green: 0, blue: 0 },                                              font: { size: TEXT_HEIGHT },                                              text: (i === NUM_AC) ? "Master" : i + ". " +                                              ((i < NAMES.length) ? NAMES[i] :                                               "AC" + i),                                              x: 0, y: 0,                                              width: toolBars[i].width + ToolBar.SPACING,                                              height: TEXT_HEIGHT + TEXT_MARGIN,                                              leftMargin: TEXT_MARGIN,                                              topMargin: TEXT_MARGIN,                                              alpha: ALPHA_OFF,                                              backgroundAlpha: ALPHA_OFF,                                              visible: true                                              }));    }} function sendCommand(id, action) {        if (action === SHOW) {        toolBars[id].selectTool(onOffIcon[id], false);        toolBars[id].setAlpha(ALPHA_ON, playIcon[id]);        toolBars[id].setAlpha(ALPHA_ON, playLoopIcon[id]);        toolBars[id].setAlpha(ALPHA_ON, stopIcon[id]);        toolBars[id].setAlpha(ALPHA_ON, loadIcon[id]);    } else if (action === HIDE) {        toolBars[id].selectTool(onOffIcon[id], true);        toolBars[id].setAlpha(ALPHA_OFF, playIcon[id]);        toolBars[id].setAlpha(ALPHA_OFF, playLoopIcon[id]);        toolBars[id].setAlpha(ALPHA_OFF, stopIcon[id]);        toolBars[id].setAlpha(ALPHA_OFF, loadIcon[id]);    } else if (toolBars[id].toolSelected(onOffIcon[id])) {        return;    }        if (id === (toolBars.length - 1))        id = -1;        var controlEntity = Entities.addEntity({        name: 'New Actor Controller',        type: "Box",        color: { red: 0, green: 0, blue: 0 },        position: controlEntityPosition,         dimensions: { x: controlEntitySize, y: controlEntitySize, z: controlEntitySize },        visible: false,        lifetime: 10,        userData: JSON.stringify({            idKey: {                uD_id: id            },            actionKey: {                uD_action: action            },            clipKey: {                uD_url: clip_url            }        })  });} function mousePressEvent(event) {    clickedOverlay = Overlays.getOverlayAtPoint({ x: event.x, y: event.y });        // Check master control    var i = toolBars.length - 1;    if (onOffIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {        if (toolBars[i].toolSelected(onOffIcon[i])) {            sendCommand(i, SHOW);        } else {            sendCommand(i, HIDE);        }    } else if (playIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {        sendCommand(i, PLAY);    } else if (playLoopIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {        sendCommand(i, PLAY_LOOP);    } else if (stopIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {        sendCommand(i, STOP);    } else if (loadIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {        input_text = Window.prompt("Insert the url of the clip: ","");        if (!(input_text === "" || input_text === null)) {            clip_url = input_text;            sendCommand(i, LOAD);        }    } else {        // Check individual controls        for (i = 0; i < NUM_AC; i++) {            if (onOffIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {                if (toolBars[i].toolSelected(onOffIcon[i], false)) {                    sendCommand(i, SHOW);                } else {                    sendCommand(i, HIDE);                }            } else if (playIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {                sendCommand(i, PLAY);            } else if (playLoopIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {                sendCommand(i, PLAY_LOOP);            } else if (stopIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {                sendCommand(i, STOP);            } else if (loadIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {                                input_text = Window.prompt("Insert the url of the clip: ","");                if (!(input_text === "" || input_text === null)) {                    clip_url = input_text;                    sendCommand(i, LOAD);                }                            } else {                            }        }    }} function moveUI() {    var textSize = TEXT_HEIGHT + 2 * TEXT_MARGIN;    var relative = { x: 70, y: 75 + (NUM_AC) * (Tool.IMAGE_HEIGHT + ToolBar.SPACING + textSize) };        for (i = 0; i <= NUM_AC; i++) {        toolBars[i].move(relative.x,                         windowDimensions.y - relative.y +                         i * (Tool.IMAGE_HEIGHT + ToolBar.SPACING + textSize));                Overlays.editOverlay(nameOverlays[i], {                             x: toolBars[i].x - ToolBar.SPACING,                             y: toolBars[i].y - textSize                             });    }} function update() {    var newDimensions = Controller.getViewportDimensions();    if (windowDimensions.x != newDimensions.x ||            windowDimensions.y != newDimensions.y) {        windowDimensions = newDimensions;        moveUI();    }} function scriptEnding() {    for (i = 0; i <= NUM_AC; i++) {        toolBars[i].cleanup();        Overlays.deleteOverlay(nameOverlays[i]);    }} Controller.mousePressEvent.connect(mousePressEvent);Script.update.connect(update);Script.scriptEnding.connect(scriptEnding); moveUI();