mirror of
https://github.com/overte-org/overte.git
synced 2025-04-27 17:35:51 +02:00
374 lines
14 KiB
JavaScript
374 lines
14 KiB
JavaScript
//
|
|
// playbackMaster.js
|
|
// acScripts
|
|
//
|
|
// Created by Edgar Pironti on 11/17/15.
|
|
// Copyright 2015 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
|
|
//
|
|
Script.include("./AgentPoolControler.js");
|
|
|
|
HIFI_PUBLIC_BUCKET = "http://s3.amazonaws.com/hifi-public/";
|
|
|
|
var masterController = new MasterController();
|
|
|
|
var input_text = null;
|
|
|
|
// Script. DO NOT MODIFY BEYOND THIS LINE.
|
|
//Script.include("../libraries/toolBars.js");
|
|
Script.include(HIFI_PUBLIC_BUCKET + "scripts/libraries/toolBars.js");
|
|
// We want small icons
|
|
Tool.IMAGE_HEIGHT /= 2;
|
|
Tool.IMAGE_WIDTH /= 2;
|
|
|
|
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 = HIFI_PUBLIC_BUCKET + "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;
|
|
|
|
// Add new features to Actor class:
|
|
Actor.prototype.destroy = function() {
|
|
print("Actor.prototype.destroy");
|
|
|
|
this.toolbar.cleanup();
|
|
Overlays.deleteOverlay(this.nameOverlay);
|
|
|
|
print("Need to fire myself" + this.agentID);
|
|
masterController.fireAgent(this);
|
|
}
|
|
|
|
|
|
Actor.prototype.resetClip = function(clipURL, onLoadClip) {
|
|
this.clipURL = clipURL;
|
|
this.onLoadClip = onLoadClip;
|
|
if (this.isConnected()) {
|
|
this.onLoadClip(this);
|
|
}
|
|
}
|
|
|
|
|
|
Actor.prototype.onMousePressEvent = function(clickedOverlay) {
|
|
if (this.playIcon === this.toolbar.clicked(clickedOverlay, false)) {
|
|
masterController.sendCommand(this.agentID, PLAY);
|
|
} else if (this.playLoopIcon === this.toolbar.clicked(clickedOverlay, false)) {
|
|
masterController.sendCommand(this.agentID, PLAY_LOOP);
|
|
} else if (this.stopIcon === this.toolbar.clicked(clickedOverlay, false)) {
|
|
masterController.sendCommand(this.agentID, STOP);
|
|
} else {
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
Actor.prototype._buildUI = function() {
|
|
print("Actor.prototype._buildUI = " + JSON.stringify(this));
|
|
|
|
this.toolbar = new ToolBar(0, 0, ToolBar.HORIZONTAL);
|
|
|
|
this.toolbar.setBack(COLOR_TOOL_BAR, ALPHA_OFF);
|
|
|
|
this.playIcon = this.toolbar.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 playLoopWidthFthis = 1.65;
|
|
this.playLoopIcon = this.toolbar.addTool({
|
|
imageURL: TOOL_ICON_URL + "play-and-loop.svg",
|
|
subImage: { x: 0, y: 0, width: playLoopWidthFthis * Tool.IMAGE_WIDTH, height: Tool.IMAGE_HEIGHT },
|
|
width: playLoopWidthFthis * Tool.IMAGE_WIDTH,
|
|
height: Tool.IMAGE_HEIGHT,
|
|
alpha: ALPHA_OFF,
|
|
visible: true
|
|
}, false);
|
|
|
|
this.stopIcon = this.toolbar.addTool({
|
|
imageURL: TOOL_ICON_URL + "recording-stop.svg",
|
|
width: Tool.IMAGE_WIDTH,
|
|
height: Tool.IMAGE_HEIGHT,
|
|
alpha: ALPHA_OFF,
|
|
visible: true
|
|
}, false);
|
|
|
|
this.nameOverlay = Overlays.addOverlay("text", {
|
|
backgroundColor: { red: 0, green: 0, blue: 0 },
|
|
font: { size: TEXT_HEIGHT },
|
|
text: "AC offline",
|
|
x: 0, y: 0,
|
|
width: this.toolbar.width + ToolBar.SPACING,
|
|
height: TEXT_HEIGHT + TEXT_MARGIN,
|
|
leftMargin: TEXT_MARGIN,
|
|
topMargin: TEXT_MARGIN,
|
|
alpha: ALPHA_OFF,
|
|
backgroundAlpha: ALPHA_OFF,
|
|
visible: true
|
|
});
|
|
}
|
|
|
|
Actor.prototype.moveUI = function(pos) {
|
|
var textSize = TEXT_HEIGHT + 2 * TEXT_MARGIN;
|
|
this.toolbar.move(pos.x, pos.y);
|
|
|
|
Overlays.editOverlay(this.nameOverlay, {
|
|
x: this.toolbar.x - ToolBar.SPACING,
|
|
y: this.toolbar.y - textSize
|
|
});
|
|
}
|
|
|
|
Director = function() {
|
|
this.actors = new Array();
|
|
this.toolbar = null;
|
|
this._buildUI();
|
|
};
|
|
|
|
Director.prototype.destroy = function () {
|
|
print("Director.prototype.destroy")
|
|
this.clearActors();
|
|
this.toolbar.cleanup();
|
|
Overlays.deleteOverlay(this.nameOverlay);
|
|
}
|
|
|
|
Director.prototype.clearActors = function () {
|
|
print("Director.prototype.clearActors")
|
|
for (var i = 0; i < this.actors.length; i++) {
|
|
print("Destroy actor #" + i)
|
|
this.actors[i].destroy();
|
|
}
|
|
this.actors = new Array();// Brand new actors
|
|
}
|
|
|
|
Director.prototype._buildUI = function () {
|
|
this.toolbar = new ToolBar(0, 0, ToolBar.HORIZONTAL);
|
|
|
|
this.toolbar.setBack(COLOR_MASTER, ALPHA_OFF);
|
|
|
|
this.onOffIcon = this.toolbar.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);
|
|
|
|
this.playIcon = this.toolbar.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 playLoopWidthFthis = 1.65;
|
|
this.playLoopIcon = this.toolbar.addTool({
|
|
imageURL: TOOL_ICON_URL + "play-and-loop.svg",
|
|
subImage: { x: 0, y: 0, width: playLoopWidthFthis * Tool.IMAGE_WIDTH, height: Tool.IMAGE_HEIGHT },
|
|
width: playLoopWidthFthis * Tool.IMAGE_WIDTH,
|
|
height: Tool.IMAGE_HEIGHT,
|
|
alpha: ALPHA_OFF,
|
|
visible: true
|
|
}, false);
|
|
|
|
this.stopIcon = this.toolbar.addTool({
|
|
imageURL: TOOL_ICON_URL + "recording-stop.svg",
|
|
width: Tool.IMAGE_WIDTH,
|
|
height: Tool.IMAGE_HEIGHT,
|
|
alpha: ALPHA_OFF,
|
|
visible: true
|
|
}, false);
|
|
|
|
this.loadIcon = this.toolbar.addTool({
|
|
imageURL: TOOL_ICON_URL + "recording-upload.svg",
|
|
width: Tool.IMAGE_WIDTH,
|
|
height: Tool.IMAGE_HEIGHT,
|
|
alpha: ALPHA_OFF,
|
|
visible: true
|
|
}, false);
|
|
|
|
this.nameOverlay = Overlays.addOverlay("text", {
|
|
backgroundColor: { red: 0, green: 0, blue: 0 },
|
|
font: { size: TEXT_HEIGHT },
|
|
text: "Master",
|
|
x: 0, y: 0,
|
|
width: this.toolbar.width + ToolBar.SPACING,
|
|
height: TEXT_HEIGHT + TEXT_MARGIN,
|
|
leftMargin: TEXT_MARGIN,
|
|
topMargin: TEXT_MARGIN,
|
|
alpha: ALPHA_OFF,
|
|
backgroundAlpha: ALPHA_OFF,
|
|
visible: true
|
|
});
|
|
}
|
|
|
|
Director.prototype.onMousePressEvent = function(clickedOverlay) {
|
|
if (this.onOffIcon === this.toolbar.clicked(clickedOverlay, false)) {
|
|
this.clearActors();
|
|
return true;
|
|
} else if (this.playIcon === this.toolbar.clicked(clickedOverlay, false)) {
|
|
masterController.sendCommand(AGENTS_BROADCAST, PLAY);
|
|
} else if (this.playLoopIcon === this.toolbar.clicked(clickedOverlay, false)) {
|
|
masterController.sendCommand(AGENTS_BROADCAST, PLAY_LOOP);
|
|
} else if (this.stopIcon === this.toolbar.clicked(clickedOverlay, false)) {
|
|
masterController.sendCommand(AGENTS_BROADCAST, STOP);
|
|
} else if (this.loadIcon === this.toolbar.clicked(clickedOverlay, false)) {
|
|
input_text = Window.prompt("Insert the url of the clip: ","");
|
|
if (!(input_text === "" || input_text === null)) {
|
|
print("Performance file ready to be loaded url = " + input_text);
|
|
|
|
// FIXME: I cannot pass directly this.onPerformanceLoaded, is that exepected ?
|
|
var localThis = this;
|
|
Assets.downloadData(input_text, function(data) { localThis.onPerformanceLoaded(data); });
|
|
}
|
|
} else {
|
|
// Check individual controls
|
|
for (var i = 0; i < this.actors.length; i++) {
|
|
if (this.actors[i].onMousePressEvent(clickedOverlay)) {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
return false; // nothing clicked from our known overlays
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
Director.prototype.moveUI = function(pos) {
|
|
var textSize = TEXT_HEIGHT + 2 * TEXT_MARGIN;
|
|
var relative = { x: pos.x, y: pos.y + (this.actors.length + 1) * (Tool.IMAGE_HEIGHT + ToolBar.SPACING + textSize) };
|
|
|
|
this.toolbar.move(relative.x, windowDimensions.y - relative.y);
|
|
Overlays.editOverlay(this.nameOverlay, {
|
|
x: this.toolbar.x - ToolBar.SPACING,
|
|
y: this.toolbar.y - textSize
|
|
});
|
|
|
|
for (var i = 0; i < this.actors.length; i++) {
|
|
this.actors[i].moveUI({x: relative.x, y: windowDimensions.y - relative.y +
|
|
(i + 1) * (Tool.IMAGE_HEIGHT + ToolBar.SPACING + textSize)});
|
|
}
|
|
}
|
|
|
|
Director.prototype.onPerformanceLoaded = function(performanceData) {
|
|
var performanceJSON = JSON.parse(performanceData);
|
|
print("Director.prototype.onPerformanceLoaded = " + JSON.stringify(performanceJSON));
|
|
if (performanceJSON.avatarClips != null) {
|
|
var numClips = performanceJSON.avatarClips.length;
|
|
print("Found " + numClips + "in the performance file, and currently using " + this.actors.length + " actor(s)");
|
|
|
|
for (var i = 0; i < numClips; i++) {
|
|
if (i < this.actors.length) {
|
|
// load correct clip to actor
|
|
} else {
|
|
this.hireActor(performanceJSON.avatarClips[i]);
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
|
|
Director.prototype.hireActor = function(clipURL) {
|
|
print("new actor = " + this.actors.length );
|
|
var newActor = new Actor();
|
|
newActor.clipURL = null;
|
|
newActor.onLoadClip = function(clip) {};
|
|
|
|
var localThis = this;
|
|
newActor.onHired = function(actor) {
|
|
print("agent hired from Director! " + actor.agentID)
|
|
Overlays.editOverlay(actor.nameOverlay, {
|
|
text: "AC " + actor.agentID,
|
|
backgroundColor: { red: 0, green: 255, blue: 0 }
|
|
});
|
|
|
|
if (actor.clipURL != null) {
|
|
print("agent hired, calling load clip for url " + actor.clipURL);
|
|
actor.onLoadClip(actor);
|
|
}
|
|
};
|
|
|
|
newActor.onLost = function(actor) {
|
|
print("agent lost from playbackMaster! " + actor.agentID);
|
|
var index = localThis.actors.indexOf(actor);
|
|
if (index >= 0) {
|
|
localThis.actors.splice(index, 1);
|
|
}
|
|
actor.destroy();
|
|
}
|
|
|
|
newActor.resetClip(clipURL, function(actor) {
|
|
print("Load clip for agent" + actor.agentID + " calling load clip for url " + actor.clipURL);
|
|
masterController.sendCommand(actor.agentID, LOAD, actor.clipURL);
|
|
});
|
|
|
|
masterController.hireAgent(newActor);
|
|
newActor._buildUI();
|
|
|
|
this.actors.push(newActor);
|
|
|
|
moveUI();
|
|
}
|
|
|
|
|
|
masterController.reset();
|
|
var director = new Director();
|
|
|
|
moveUI();
|
|
|
|
|
|
function mousePressEvent(event) {
|
|
print("mousePressEvent");
|
|
clickedOverlay = Overlays.getOverlayAtPoint({ x: event.x, y: event.y });
|
|
|
|
// Check director and actors
|
|
director.onMousePressEvent(clickedOverlay);
|
|
}
|
|
|
|
function moveUI() {
|
|
director.moveUI({ x: 70, y: 75});
|
|
|
|
}
|
|
|
|
function update(deltaTime) {
|
|
var newDimensions = Controller.getViewportDimensions();
|
|
if (windowDimensions.x != newDimensions.x ||
|
|
windowDimensions.y != newDimensions.y) {
|
|
windowDimensions = newDimensions;
|
|
moveUI();
|
|
}
|
|
|
|
masterController.update(deltaTime);
|
|
}
|
|
|
|
function scriptEnding() {
|
|
print("cleanup")
|
|
director.destroy();
|
|
masterController.destroy();
|
|
}
|
|
|
|
Controller.mousePressEvent.connect(mousePressEvent);
|
|
Script.update.connect(update);
|
|
Script.scriptEnding.connect(scriptEnding);
|
|
|