Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-08-08 05:57:29 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #3351 from Atlante45/rec_file_format_tweaks

Browse source 
New Recorder/ControlACs UI
This commit is contained in:
Brad Hefta-Gaub 2014-09-04 23:09:42 -07:00
commit c4baf86f9d
3 changed files with 318 additions and 195 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

213
examples/ControlACs.js
View file

@ -11,7 +11,7 @@
// Set the following variables to the right value // Set the following variables to the right value
var NUM_AC = 3; // This is the number of AC. Their ID need to be unique and between 0 (included) and NUM_AC (excluded) var 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("Arnold", "Jeff"); // ACs names ordered by IDs (Default name is "ACx", x = ID + 1)) 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 scripts // Those variables MUST be common to every scripts
var controlVoxelSize = 0.25; var controlVoxelSize = 0.25;
@ -40,9 +40,10 @@ var windowDimensions = Controller.getViewportDimensions();
var TOOL_ICON_URL = "http://s3-us-west-1.amazonaws.com/highfidelity-public/images/tools/"; var TOOL_ICON_URL = "http://s3-us-west-1.amazonaws.com/highfidelity-public/images/tools/";
var ALPHA_ON = 1.0; var ALPHA_ON = 1.0;
var ALPHA_OFF = 0.7; var ALPHA_OFF = 0.7;
var COLOR_TOOL_BAR = { red: 128, green: 128, blue: 128 }; var COLOR_TOOL_BAR = { red: 0, green: 0, blue: 0 };
var COLOR_MASTER = { red: 200, green: 200, blue: 200 }; var COLOR_MASTER = { red: 0, green: 0, blue: 0 };
var TEXT_HEIGHT = 10; var TEXT_HEIGHT = 12;
var TEXT_MARGIN = 3;
var toolBars = new Array(); var toolBars = new Array();
var nameOverlays = new Array(); var nameOverlays = new Array();
@ -52,76 +53,87 @@ var playLoopIcon = new Array();
var stopIcon = new Array(); var stopIcon = new Array();
setupToolBars(); setupToolBars();
function setupToolBars() { function setupToolBars() {
if (toolBars.length > 0) { if (toolBars.length > 0) {
print("Multiple calls to Recorder.js:setupToolBars()"); print("Multiple calls to Recorder.js:setupToolBars()");
return; return;
} }
Tool.IMAGE_HEIGHT /= 2;
Tool.IMAGE_WIDTH /= 2;
for (i = 0; i <= NUM_AC; i++) { for (i = 0; i <= NUM_AC; i++) {
toolBars.push(new ToolBar(0, 0, ToolBar.HORIZONTAL)); toolBars.push(new ToolBar(0, 0, ToolBar.HORIZONTAL));
nameOverlays.push(Overlays.addOverlay("text", { toolBars[i].setBack((i === NUM_AC) ? COLOR_MASTER : COLOR_TOOL_BAR, ALPHA_OFF);
font: { size: TEXT_HEIGHT },
text: (i === NUM_AC) ? "Master" :
((i < NAMES.length) ? NAMES[i] :
"AC" + (i + 1)),
x: 0, y: 0,
width: 0,
height: 0,
alpha: 1.0,
visible: true
}));
onOffIcon.push(toolBars[i].addTool({ onOffIcon.push(toolBars[i].addTool({
imageURL: TOOL_ICON_URL + "models-tool.svg", imageURL: TOOL_ICON_URL + "ac-on-off.svg",
subImage: { x: 0, y: Tool.IMAGE_WIDTH, width: Tool.IMAGE_WIDTH, height: Tool.IMAGE_HEIGHT }, subImage: { x: 0, y: 0, width: Tool.IMAGE_WIDTH, height: Tool.IMAGE_HEIGHT },
width: Tool.IMAGE_WIDTH, x: 0, y: 0,
height: Tool.IMAGE_HEIGHT, width: Tool.IMAGE_WIDTH,
alpha: ALPHA_ON, height: Tool.IMAGE_HEIGHT,
visible: true alpha: ALPHA_ON,
}, true, false)); visible: true
playIcon.push(null); }, true, true));
playLoopIcon.push(null);
stopIcon.push(null); 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);
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,
visible: true
}));
} }
} }
function sendCommand(id, action) { function sendCommand(id, action) {
if (action === SHOW && toolBars[id].numberOfTools() === 1) { if (action === SHOW) {
toolBars[id].selectTool(onOffIcon[id], true);
playIcon[id] = toolBars[id].addTool({
imageURL: TOOL_ICON_URL + "play.svg",
width: Tool.IMAGE_WIDTH,
height: Tool.IMAGE_HEIGHT,
alpha: ALPHA_ON,
visible: true
}, false);
playLoopIcon[id] = toolBars[id].addTool({
imageURL: TOOL_ICON_URL + "play-loop.svg",
width: Tool.IMAGE_WIDTH,
height: Tool.IMAGE_HEIGHT,
alpha: ALPHA_ON,
visible: true
}, false);
stopIcon[id] = toolBars[id].addTool({
imageURL: TOOL_ICON_URL + "stop.svg",
width: Tool.IMAGE_WIDTH,
height: Tool.IMAGE_HEIGHT,
alpha: ALPHA_ON,
visible: true
}, false);
toolBars[id].setBack((id === NUM_AC) ? COLOR_MASTER : COLOR_TOOL_BAR, ALPHA_OFF);
} else if (action === HIDE && toolBars[id].numberOfTools() != 1) {
toolBars[id].selectTool(onOffIcon[id], false); toolBars[id].selectTool(onOffIcon[id], false);
toolBars[id].removeLastTool(); toolBars[id].setAlpha(ALPHA_ON, playIcon[id]);
toolBars[id].removeLastTool(); toolBars[id].setAlpha(ALPHA_ON, playLoopIcon[id]);
toolBars[id].removeLastTool(); toolBars[id].setAlpha(ALPHA_ON, stopIcon[id]);
toolBars[id].setBack(null); } 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]);
} else if (toolBars[id].toolSelected(onOffIcon[id])) {
return;
}
if (id === toolBars.length - 1) { if (id === toolBars.length - 1) {
for (i = 0; i < NUM_AC; i++) { for (i = 0; i < NUM_AC; i++) {
@ -141,55 +153,56 @@ function sendCommand(id, action) {
function mousePressEvent(event) { function mousePressEvent(event) {
clickedOverlay = Overlays.getOverlayAtPoint({ x: event.x, y: event.y }); clickedOverlay = Overlays.getOverlayAtPoint({ x: event.x, y: event.y });
// Check master control // Check master control
var i = toolBars.length - 1; var i = toolBars.length - 1;
if (onOffIcon[i] === toolBars[i].clicked(clickedOverlay)) { if (onOffIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {
if (toolBars[i].toolSelected(onOffIcon[i])) { if (toolBars[i].toolSelected(onOffIcon[i])) {
sendCommand(i, SHOW); sendCommand(i, SHOW);
} else { } else {
sendCommand(i, HIDE); sendCommand(i, HIDE);
} }
} else if (playIcon[i] === toolBars[i].clicked(clickedOverlay)) { } else if (playIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {
sendCommand(i, PLAY); sendCommand(i, PLAY);
} else if (playLoopIcon[i] === toolBars[i].clicked(clickedOverlay)) { } else if (playLoopIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {
sendCommand(i, PLAY_LOOP); sendCommand(i, PLAY_LOOP);
} else if (stopIcon[i] === toolBars[i].clicked(clickedOverlay)) { } else if (stopIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {
sendCommand(i, STOP); sendCommand(i, STOP);
} else { } else {
// Check individual controls // Check individual controls
for (i = 0; i < NUM_AC; i++) { for (i = 0; i < NUM_AC; i++) {
if (onOffIcon[i] === toolBars[i].clicked(clickedOverlay)) { if (onOffIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {
if (toolBars[i].toolSelected(onOffIcon[i])) { if (toolBars[i].toolSelected(onOffIcon[i], false)) {
sendCommand(i, SHOW); sendCommand(i, SHOW);
} else { } else {
sendCommand(i, HIDE); sendCommand(i, HIDE);
} }
} else if (playIcon[i] === toolBars[i].clicked(clickedOverlay)) { } else if (playIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {
sendCommand(i, PLAY); sendCommand(i, PLAY);
} else if (playLoopIcon[i] === toolBars[i].clicked(clickedOverlay)) { } else if (playLoopIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {
sendCommand(i, PLAY_LOOP); sendCommand(i, PLAY_LOOP);
} else if (stopIcon[i] === toolBars[i].clicked(clickedOverlay)) { } else if (stopIcon[i] === toolBars[i].clicked(clickedOverlay, false)) {
sendCommand(i, STOP); sendCommand(i, STOP);
} else { } else {
} }
} }
} }
} }
function moveUI() { function moveUI() {
var relative = { x: 70, y: 400 }; 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++) { for (i = 0; i <= NUM_AC; i++) {
toolBars[i].move(relative.x, toolBars[i].move(relative.x,
windowDimensions.y - relative.y + windowDimensions.y - relative.y +
i * (Tool.IMAGE_HEIGHT + 2 * ToolBar.SPACING + TEXT_HEIGHT)); i * (Tool.IMAGE_HEIGHT + ToolBar.SPACING + textSize));
Overlays.editOverlay(nameOverlays[i], { Overlays.editOverlay(nameOverlays[i], {
x: relative.x, x: toolBars[i].x - ToolBar.SPACING,
y: windowDimensions.y - relative.y + y: toolBars[i].y - textSize
i * (Tool.IMAGE_HEIGHT + 2 * ToolBar.SPACING + TEXT_HEIGHT) - });
ToolBar.SPACING - 2 * TEXT_HEIGHT
});
} }
} }

222
examples/Recorder.js
View file

@ -13,7 +13,6 @@ Script.include("toolBars.js");
var recordingFile = "recording.rec"; var recordingFile = "recording.rec";
var playFromCurrentLocation = true; var playFromCurrentLocation = true;
var loop = true;
var windowDimensions = Controller.getViewportDimensions(); var windowDimensions = Controller.getViewportDimensions();
var TOOL_ICON_URL = "http://s3-us-west-1.amazonaws.com/highfidelity-public/images/tools/"; var TOOL_ICON_URL = "http://s3-us-west-1.amazonaws.com/highfidelity-public/images/tools/";
@ -21,69 +20,91 @@ var ALPHA_ON = 1.0;
var ALPHA_OFF = 0.7; var ALPHA_OFF = 0.7;
var COLOR_ON = { red: 128, green: 0, blue: 0 }; var COLOR_ON = { red: 128, green: 0, blue: 0 };
var COLOR_OFF = { red: 128, green: 128, blue: 128 }; var COLOR_OFF = { red: 128, green: 128, blue: 128 };
Tool.IMAGE_WIDTH *= 0.7; var COLOR_TOOL_BAR = { red: 0, green: 0, blue: 0 };
Tool.IMAGE_HEIGHT *= 0.7;
var toolBar = null; var toolBar = null;
var recordIcon; var recordIcon;
var playIcon; var playIcon;
var playLoopIcon;
var saveIcon; var saveIcon;
var loadIcon; var loadIcon;
var spacing;
var timerOffset;
setupToolBar(); setupToolBar();
var timer = null; var timer = null;
setupTimer(); setupTimer();
var watchStop = false;
function setupToolBar() { function setupToolBar() {
if (toolBar != null) { if (toolBar != null) {
print("Multiple calls to Recorder.js:setupToolBar()"); print("Multiple calls to Recorder.js:setupToolBar()");
return; return;
} }
Tool.IMAGE_HEIGHT /= 2;
Tool.IMAGE_WIDTH /= 2;
toolBar = new ToolBar(0, 0, ToolBar.HORIZONTAL); toolBar = new ToolBar(0, 0, ToolBar.HORIZONTAL);
toolBar.setBack(COLOR_OFF, ALPHA_OFF);
toolBar.setBack(COLOR_TOOL_BAR, ALPHA_OFF);
recordIcon = toolBar.addTool({
imageURL: TOOL_ICON_URL + "record.svg", recordIcon = toolBar.addTool({
width: Tool.IMAGE_WIDTH, imageURL: TOOL_ICON_URL + "recording-record.svg",
height: Tool.IMAGE_HEIGHT, subImage: { x: 0, y: 0, width: Tool.IMAGE_WIDTH, height: Tool.IMAGE_HEIGHT },
alpha: ALPHA_ON, x: 0, y: 0,
visible: true width: Tool.IMAGE_WIDTH,
}, false); height: Tool.IMAGE_HEIGHT,
alpha: MyAvatar.isPlaying() ? ALPHA_OFF : ALPHA_ON,
playIcon = toolBar.addTool({ visible: true
imageURL: TOOL_ICON_URL + "play.svg", }, true, !MyAvatar.isRecording());
width: Tool.IMAGE_WIDTH,
height: Tool.IMAGE_HEIGHT, var playLoopWidthFactor = 1.65;
alpha: ALPHA_ON, playIcon = toolBar.addTool({
visible: true imageURL: TOOL_ICON_URL + "play-pause.svg",
}, false, false); width: playLoopWidthFactor * Tool.IMAGE_WIDTH,
height: Tool.IMAGE_HEIGHT,
saveIcon = toolBar.addTool({ alpha: (MyAvatar.isRecording() || MyAvatar.playerLength() === 0) ? ALPHA_OFF : ALPHA_ON,
imageURL: TOOL_ICON_URL + "save.svg", visible: true
width: Tool.IMAGE_WIDTH, }, false);
height: Tool.IMAGE_HEIGHT,
alpha: ALPHA_ON, playLoopIcon = toolBar.addTool({
visible: true imageURL: TOOL_ICON_URL + "play-and-loop.svg",
}, false, false); subImage: { x: 0, y: 0, width: playLoopWidthFactor * Tool.IMAGE_WIDTH, height: Tool.IMAGE_HEIGHT },
width: playLoopWidthFactor * Tool.IMAGE_WIDTH,
loadIcon = toolBar.addTool({ height: Tool.IMAGE_HEIGHT,
imageURL: TOOL_ICON_URL + "load.svg", alpha: (MyAvatar.isRecording() || MyAvatar.playerLength() === 0) ? ALPHA_OFF : ALPHA_ON,
width: Tool.IMAGE_WIDTH, visible: true
height: Tool.IMAGE_HEIGHT, }, false);
alpha: ALPHA_ON,
visible: true timerOffset = toolBar.width;
}, false, false); spacing = toolBar.addSpacing(0);
saveIcon = toolBar.addTool({
imageURL: TOOL_ICON_URL + "recording-save.svg",
width: Tool.IMAGE_WIDTH,
height: Tool.IMAGE_HEIGHT,
alpha: (MyAvatar.isRecording() || MyAvatar.isPlaying() || MyAvatar.playerLength() === 0) ? ALPHA_OFF : ALPHA_ON,
visible: true
}, false);
loadIcon = toolBar.addTool({
imageURL: TOOL_ICON_URL + "recording-upload.svg",
width: Tool.IMAGE_WIDTH,
height: Tool.IMAGE_HEIGHT,
alpha: (MyAvatar.isRecording() || MyAvatar.isPlaying()) ? ALPHA_OFF : ALPHA_ON,
visible: true
}, false);
} }
function setupTimer() { function setupTimer() {
timer = Overlays.addOverlay("text", { timer = Overlays.addOverlay("text", {
font: { size: 20 }, font: { size: 15 },
text: (0.00).toFixed(3), text: (0.00).toFixed(3),
backgroundColor: COLOR_OFF, backgroundColor: COLOR_OFF,
x: 0, y: 0, x: 0, y: 0,
width: 100, width: 0,
height: 100, height: 0,
alpha: 1.0, alpha: 1.0,
visible: true visible: true
}); });
@ -92,7 +113,8 @@ function setupTimer() {
function updateTimer() { function updateTimer() {
var text = ""; var text = "";
if (MyAvatar.isRecording()) { if (MyAvatar.isRecording()) {
text = formatTime(MyAvatar.recorderElapsed()) text = formatTime(MyAvatar.recorderElapsed());
} else { } else {
text = formatTime(MyAvatar.playerElapsed()) + " / " + text = formatTime(MyAvatar.playerElapsed()) + " / " +
formatTime(MyAvatar.playerLength()); formatTime(MyAvatar.playerLength());
@ -101,6 +123,7 @@ function updateTimer() {
Overlays.editOverlay(timer, { Overlays.editOverlay(timer, {
text: text text: text
}) })
toolBar.changeSpacing(text.length * 8 + ((MyAvatar.isRecording()) ? 15 : 0), spacing);
} }
function formatTime(time) { function formatTime(time) {
@ -127,54 +150,86 @@ function formatTime(time) {
} }
function moveUI() { function moveUI() {
var relative = { x: 30, y: 90 }; var relative = { x: 70, y: 40 };
toolBar.move(relative.x, toolBar.move(relative.x,
windowDimensions.y - relative.y); windowDimensions.y - relative.y);
Overlays.editOverlay(timer, { Overlays.editOverlay(timer, {
x: relative.x - 10, x: relative.x + timerOffset - ToolBar.SPACING,
y: windowDimensions.y - relative.y - 35, y: windowDimensions.y - relative.y - ToolBar.SPACING
width: 0,
height: 0
}); });
} }
function mousePressEvent(event) { function mousePressEvent(event) {
clickedOverlay = Overlays.getOverlayAtPoint({ x: event.x, y: event.y }); clickedOverlay = Overlays.getOverlayAtPoint({ x: event.x, y: event.y });
if (recordIcon === toolBar.clicked(clickedOverlay) && !MyAvatar.isPlaying()) { if (recordIcon === toolBar.clicked(clickedOverlay, false) && !MyAvatar.isPlaying()) {
if (!MyAvatar.isRecording()) { if (!MyAvatar.isRecording()) {
MyAvatar.startRecording(); MyAvatar.startRecording();
toolBar.setBack(COLOR_ON, ALPHA_ON); toolBar.selectTool(recordIcon, false);
} else { toolBar.setAlpha(ALPHA_OFF, playIcon);
MyAvatar.stopRecording(); toolBar.setAlpha(ALPHA_OFF, playLoopIcon);
MyAvatar.loadLastRecording(); toolBar.setAlpha(ALPHA_OFF, saveIcon);
toolBar.setBack(COLOR_OFF, ALPHA_OFF); toolBar.setAlpha(ALPHA_OFF, loadIcon);
} } else {
} else if (playIcon === toolBar.clicked(clickedOverlay) && !MyAvatar.isRecording()) { MyAvatar.stopRecording();
if (MyAvatar.isPlaying()) { toolBar.selectTool(recordIcon, true );
MyAvatar.stopPlaying(); MyAvatar.loadLastRecording();
} else { toolBar.setAlpha(ALPHA_ON, playIcon);
MyAvatar.setPlayFromCurrentLocation(playFromCurrentLocation); toolBar.setAlpha(ALPHA_ON, playLoopIcon);
MyAvatar.setPlayerLoop(loop); toolBar.setAlpha(ALPHA_ON, saveIcon);
MyAvatar.startPlaying(true); toolBar.setAlpha(ALPHA_ON, loadIcon);
} }
} else if (saveIcon === toolBar.clicked(clickedOverlay)) { } else if (playIcon === toolBar.clicked(clickedOverlay) && !MyAvatar.isRecording()) {
if (!MyAvatar.isRecording()) { if (MyAvatar.isPlaying()) {
recordingFile = Window.save("Save recording to file", ".", "*.rec"); MyAvatar.stopPlaying();
if (recordingFile != null) { toolBar.setAlpha(ALPHA_ON, recordIcon);
toolBar.setAlpha(ALPHA_ON, saveIcon);
toolBar.setAlpha(ALPHA_ON, loadIcon);
} else if (MyAvatar.playerLength() > 0) {
MyAvatar.setPlayFromCurrentLocation(playFromCurrentLocation);
MyAvatar.setPlayerLoop(false);
MyAvatar.startPlaying();
toolBar.setAlpha(ALPHA_OFF, recordIcon);
toolBar.setAlpha(ALPHA_OFF, saveIcon);
toolBar.setAlpha(ALPHA_OFF, loadIcon);
watchStop = true;
}
} else if (playLoopIcon === toolBar.clicked(clickedOverlay) && !MyAvatar.isRecording()) {
if (MyAvatar.isPlaying()) {
MyAvatar.stopPlaying();
toolBar.setAlpha(ALPHA_ON, recordIcon);
toolBar.setAlpha(ALPHA_ON, saveIcon);
toolBar.setAlpha(ALPHA_ON, loadIcon);
} else if (MyAvatar.playerLength() > 0) {
MyAvatar.setPlayFromCurrentLocation(playFromCurrentLocation);
MyAvatar.setPlayerLoop(true);
MyAvatar.startPlaying();
toolBar.setAlpha(ALPHA_OFF, recordIcon);
toolBar.setAlpha(ALPHA_OFF, saveIcon);
toolBar.setAlpha(ALPHA_OFF, loadIcon);
}
} else if (saveIcon === toolBar.clicked(clickedOverlay)) {
if (!MyAvatar.isRecording() && !MyAvatar.isPlaying() && MyAvatar.playerLength() != 0) {
recordingFile = Window.save("Save recording to file", ".", "*.rec");
if (!(recordingFile === "null" || recordingFile === null || recordingFile === "")) {
MyAvatar.saveRecording(recordingFile); MyAvatar.saveRecording(recordingFile);
} }
} }
} else if (loadIcon === toolBar.clicked(clickedOverlay)) { } else if (loadIcon === toolBar.clicked(clickedOverlay)) {
if (!MyAvatar.isRecording()) { if (!MyAvatar.isRecording() && !MyAvatar.isPlaying()) {
recordingFile = Window.browse("Load recorcding from file", ".", "*.rec"); recordingFile = Window.browse("Load recorcding from file", ".", "*.rec");
if (recordingFile != "null") { if (!(recordingFile === "null" || recordingFile === null || recordingFile === "")) {
MyAvatar.loadRecording(recordingFile); MyAvatar.loadRecording(recordingFile);
} }
} if (MyAvatar.playerLength() > 0) {
} else { toolBar.setAlpha(ALPHA_ON, playIcon);
toolBar.setAlpha(ALPHA_ON, playLoopIcon);
} toolBar.setAlpha(ALPHA_ON, saveIcon);
}
}
} else {
}
} }
function update() { function update() {
@ -186,6 +241,13 @@ function update() {
} }
updateTimer(); updateTimer();
if (watchStop && !MyAvatar.isPlaying()) {
watchStop = false;
toolBar.setAlpha(ALPHA_ON, recordIcon);
toolBar.setAlpha(ALPHA_ON, saveIcon);
toolBar.setAlpha(ALPHA_ON, loadIcon);
}
} }
function scriptEnding() { function scriptEnding() {

78
examples/toolBars.js
View file

@ -61,11 +61,10 @@ Overlay2D = function(properties, overlay) { // overlay is an optionnal variable
} }
this.clicked = function(clickedOverlay) { this.clicked = function(clickedOverlay) {
return (overlay == clickedOverlay ? true : false); return overlay === clickedOverlay;
} }
this.cleanup = function() { this.cleanup = function() {
print("Cleanup");
Overlays.deleteOverlay(overlay); Overlays.deleteOverlay(overlay);
} }
} }
@ -112,9 +111,9 @@ Tool = function(properties, selectable, selected) { // selectable and selected a
this.select(selected); this.select(selected);
this.baseClicked = this.clicked; this.baseClicked = this.clicked;
this.clicked = function(clickedOverlay) { this.clicked = function(clickedOverlay, update) {
if (this.baseClicked(clickedOverlay)) { if (this.baseClicked(clickedOverlay)) {
if (selectable) { if (selectable && update) {
this.toggle(); this.toggle();
} }
return true; return true;
@ -141,6 +140,7 @@ ToolBar = function(x, y, direction) {
alpha: 1.0, alpha: 1.0,
visible: false visible: false
}); });
this.spacing = [];
this.addTool = function(properties, selectable, selected) { this.addTool = function(properties, selectable, selected) {
if (direction == ToolBar.HORIZONTAL) { if (direction == ToolBar.HORIZONTAL) {
@ -154,16 +154,56 @@ ToolBar = function(x, y, direction) {
this.width = Math.max(properties.width, this.width); this.width = Math.max(properties.width, this.width);
this.height += properties.height + ToolBar.SPACING; this.height += properties.height + ToolBar.SPACING;
} }
if (this.back != null) { if (this.back != null) {
Overlays.editOverlay(this.back, { Overlays.editOverlay(this.back, {
width: this.width + 2 * ToolBar.SPACING, width: this.width +
height: this.height + 2 * ToolBar.SPACING ((direction == ToolBar.HORIZONTAL) ? 1 : 2) * ToolBar.SPACING,
height: this.height +
((direction == ToolBar.VERTICAL) ? 1 : 2) * ToolBar.SPACING,
}); });
} }
this.tools.push(new Tool(properties, selectable, selected)); this.tools.push(new Tool(properties, selectable, selected));
return ((this.tools.length) - 1); return ((this.tools.length) - 1);
} }
this.addSpacing = function(size) {
if (direction == ToolBar.HORIZONTAL) {
this.width += size;
} else {
this.height += size;
}
this.spacing[this.tools.length] = size;
return (this.tools.length);
}
this.changeSpacing = function(size, id) {
if (this.spacing[id] === null) {
this.spacing[id] = 0;
}
var diff = size - this.spacing[id];
this.spacing[id] = size;
var dx = (direction == ToolBar.HORIZONTAL) ? diff : 0;
var dy = (direction == ToolBar.VERTICAL) ? diff : 0;
this.width += dx;
this.height += dy;
for(i = id; i < this.tools.length; i++) {
this.tools[i].move(this.tools[i].x() + dx,
this.tools[i].y() + dy);
}
if (this.back != null) {
Overlays.editOverlay(this.back, {
width: this.width +
((direction == ToolBar.HORIZONTAL) ? 1 : 2) * ToolBar.SPACING,
height: this.height +
((direction == ToolBar.VERTICAL) ? 1 : 2) * ToolBar.SPACING,
});
}
}
this.removeLastTool = function() { this.removeLastTool = function() {
this.tools.pop().cleanup(); this.tools.pop().cleanup();
@ -209,18 +249,22 @@ ToolBar = function(x, y, direction) {
this.tools[tool].setAlpha(alpha); this.tools[tool].setAlpha(alpha);
} }
} }
this.setBack = function(color, alpha) { this.setBack = function(color, alpha) {
if (color == null) { if (color == null) {
Overlays.editOverlay(this.back, { Overlays.editOverlay(this.back, {
visible: false visible: false
}); });
} else { } else {
Overlays.editOverlay(this.back, { Overlays.editOverlay(this.back, {
visible: true, width: this.width +
backgroundColor: color, ((direction == ToolBar.HORIZONTAL) ? 1 : 2) * ToolBar.SPACING,
alpha: alpha height: this.height +
}) ((direction == ToolBar.VERTICAL) ? 1 : 2) * ToolBar.SPACING,
visible: true,
backgroundColor: color,
alpha: alpha
});
} }
} }
@ -233,9 +277,13 @@ ToolBar = function(x, y, direction) {
} }
} }
this.clicked = function(clickedOverlay) { this.clicked = function(clickedOverlay, update) {
if(typeof(update) === 'undefined') {
update = true;
}
for(var tool in this.tools) { for(var tool in this.tools) {
if (this.tools[tool].visible() && this.tools[tool].clicked(clickedOverlay)) { if (this.tools[tool].visible() && this.tools[tool].clicked(clickedOverlay, update)) {
return parseInt(tool); return parseInt(tool);
} }
} }