//// sitOnEntity.js// examples/entityScripts//// Created by Brad Hefta-Gaub on 11/1/14.// Copyright 2014 High Fidelity, Inc.//// This is an example of an entity script for sitting.//// Distributed under the Apache License, Version 2.0.// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html// (function(){ this.entityID = null; this.properties = null; this.standUpButton = null; this.indicatorsAdded = false; this.indicator = new Array(); var buttonImageUrl = "https://worklist-prod.s3.amazonaws.com/attachment/0aca88e1-9bd8-5c1d.svg"; var windowDimensions = Controller.getViewportDimensions(); var buttonWidth = 37; var buttonHeight = 46; var buttonPadding = 50; // inside the normal toolbar position var buttonPositionX = windowDimensions.x - buttonPadding - buttonWidth; var buttonPositionY = (windowDimensions.y - buttonHeight) / 2 - (buttonHeight + buttonPadding); var passedTime = 0.0; var startPosition = null; var startRotation = null; var animationLenght = 2.0; var avatarOldPosition = { x: 0, y: 0, z: 0 }; var sittingSettingsHandle = "SitJsSittingPosition"; var sitting = Settings.getValue(sittingSettingsHandle, false) == "true"; print("Original sitting status: " + sitting); var frame = 0; var seat = new Object(); var hiddingSeats = false; // This is the pose we would like to end up var pose = [ {joint:"RightUpLeg", rotation: {x:100.0, y:15.0, z:0.0}}, {joint:"RightLeg", rotation: {x:-130.0, y:15.0, z:0.0}}, {joint:"RightFoot", rotation: {x:30, y:15.0, z:0.0}}, {joint:"LeftUpLeg", rotation: {x:100.0, y:-15.0, z:0.0}}, {joint:"LeftLeg", rotation: {x:-130.0, y:-15.0, z:0.0}}, {joint:"LeftFoot", rotation: {x:30, y:15.0, z:0.0}} ]; var startPoseAndTransition = []; function storeStartPoseAndTransition() { for (var i = 0; i < pose.length; i++){ var startRotation = Quat.safeEulerAngles(MyAvatar.getJointRotation(pose[i].joint)); var transitionVector = Vec3.subtract( pose[i].rotation, startRotation ); startPoseAndTransition.push({joint: pose[i].joint, start: startRotation, transition: transitionVector}); } } function updateJoints(factor){ for (var i = 0; i < startPoseAndTransition.length; i++){ var scaledTransition = Vec3.multiply(startPoseAndTransition[i].transition, factor); var rotation = Vec3.sum(startPoseAndTransition[i].start, scaledTransition); MyAvatar.setJointData(startPoseAndTransition[i].joint, Quat.fromVec3Degrees( rotation )); } } var sittingDownAnimation = function(deltaTime) { passedTime += deltaTime; var factor = passedTime/animationLenght; if ( passedTime <= animationLenght ) { updateJoints(factor); var pos = { x: startPosition.x - 0.3 * factor, y: startPosition.y - 0.5 * factor, z: startPosition.z}; MyAvatar.position = pos; } else { Script.update.disconnect(sittingDownAnimation); if (seat.model) { MyAvatar.setModelReferential(seat.model.id); } } } var standingUpAnimation = function(deltaTime) { passedTime += deltaTime; var factor = 1 - passedTime/animationLenght; if ( passedTime <= animationLenght ) { updateJoints(factor); var pos = { x: startPosition.x + 0.3 * (passedTime/animationLenght), y: startPosition.y + 0.5 * (passedTime/animationLenght), z: startPosition.z}; MyAvatar.position = pos; } else { Script.update.disconnect(standingUpAnimation); } } var externalThis = this; var goToSeatAnimation = function(deltaTime) { passedTime += deltaTime; var factor = passedTime/animationLenght; if (passedTime <= animationLenght) { var targetPosition = Vec3.sum(seat.position, { x: 0.3, y: 0.5, z: 0 }); MyAvatar.position = Vec3.sum(Vec3.multiply(startPosition, 1 - factor), Vec3.multiply(targetPosition, factor)); } else if (passedTime <= 2 * animationLenght) { //Quat.print("MyAvatar: ", MyAvatar.orientation); //Quat.print("Seat: ", seat.rotation); MyAvatar.orientation = Quat.mix(startRotation, seat.rotation, factor - 1); } else { Script.update.disconnect(goToSeatAnimation); externalThis.sitDown(); externalThis.showIndicators(false); } } var globalMouseClick = function(event) { var clickedOverlay = Overlays.getOverlayAtPoint({x: event.x, y: event.y}); if (clickedOverlay == externalThis.standUpButton) { seat.model = null; externalThis.standUp(); Controller.mousePressEvent.disconnect(globalMouseClick); } }; this.sitDown = function() { sitting = true; Settings.setValue(sittingSettingsHandle, sitting); print("sitDown sitting status: " + Settings.getValue(sittingSettingsHandle, false)); passedTime = 0.0; startPosition = MyAvatar.position; storeStartPoseAndTransition(); try { Script.update.disconnect(standingUpAnimation); } catch(e){ // no need to handle. if it wasn't connected no harm done } Script.update.connect(sittingDownAnimation); Overlays.editOverlay(this.standUpButton, { visible: true }); Controller.mousePressEvent.connect(globalMouseClick); } this.standUp = function() { sitting = false; Settings.setValue(sittingSettingsHandle, sitting); print("standUp sitting status: " + Settings.getValue(sittingSettingsHandle, false)); passedTime = 0.0; startPosition = MyAvatar.position; MyAvatar.clearReferential(); try{ Script.update.disconnect(sittingDownAnimation); } catch (e){} Script.update.connect(standingUpAnimation); Overlays.editOverlay(this.standUpButton, { visible: false }); Controller.mousePressEvent.disconnect(globalMouseClick); } function SeatIndicator(modelProperties, seatIndex) { var halfDiagonal = Vec3.length(modelProperties.dimensions) / 2.0; this.position = Vec3.sum(modelProperties.position, Vec3.multiply(Vec3.multiplyQbyV(modelProperties.rotation, modelProperties.sittingPoints[seatIndex].position), halfDiagonal)); // hack this.orientation = Quat.multiply(modelProperties.rotation, modelProperties.sittingPoints[seatIndex].rotation); this.scale = MyAvatar.scale / 3; this.sphere = Overlays.addOverlay("image3d", { subImage: { x: 0, y: buttonHeight, width: buttonWidth, height: buttonHeight}, url: buttonImageUrl, position: this.position, scale: this.scale, size: this.scale, solid: true, color: { red: 255, green: 255, blue: 255 }, alpha: 0.8, visible: true, isFacingAvatar: true }); this.show = function(doShow) { Overlays.editOverlay(this.sphere, { visible: doShow }); } this.update = function() { Overlays.editOverlay(this.sphere, { position: this.position, size: this.scale }); } this.cleanup = function() { Overlays.deleteOverlay(this.sphere); } } function update(deltaTime){ var newWindowDimensions = Controller.getViewportDimensions(); if( newWindowDimensions.x != windowDimensions.x || newWindowDimensions.y != windowDimensions.y ){ windowDimensions = newWindowDimensions; var newX = windowDimensions.x - buttonPadding - buttonWidth; var newY = (windowDimensions.y - buttonHeight) / 2 ; Overlays.editOverlay( this.standUpButton, {x: newX, y: newY} ); } // For a weird reason avatar joint don't update till the 10th frame // Set the update frame to 20 to be safe var UPDATE_FRAME = 20; if (frame <= UPDATE_FRAME) { if (frame == UPDATE_FRAME) { if (sitting == true) { print("Was seated: " + sitting); storeStartPoseAndTransition(); updateJoints(1.0); } } frame++; } } this.addIndicators = function() { if (!this.indicatorsAdded) { if (this.properties.sittingPoints.length > 0) { for (var i = 0; i < this.properties.sittingPoints.length; ++i) { this.indicator[i] = new SeatIndicator(this.properties, i); } this.indicatorsAdded = true; } } } this.removeIndicators = function() { for (var i = 0; i < this.properties.sittingPoints.length; ++i) { this.indicator[i].cleanup(); } } this.showIndicators = function(doShow) { this.addIndicators(); if (this.indicatorsAdded) { for (var i = 0; i < this.properties.sittingPoints.length; ++i) { this.indicator[i].show(doShow); } } hiddingSeats = !doShow; } function raySphereIntersection(origin, direction, center, radius) { var A = origin; var B = Vec3.normalize(direction); var P = center; var x = Vec3.dot(Vec3.subtract(P, A), B); var X = Vec3.sum(A, Vec3.multiply(B, x)); var d = Vec3.length(Vec3.subtract(P, X)); return (x > 0 && d <= radius); } this.cleanup = function() { this.standUp(); MyAvatar.clearReferential(); for (var i = 0; i < pose.length; i++){ MyAvatar.clearJointData(pose[i].joint); } Overlays.deleteOverlay(this.standUpButton); for (var i = 0; i < this.indicator.length; ++i) { this.indicator[i].cleanup(); } }; this.createStandupButton = function() { this.standUpButton = Overlays.addOverlay("image", { x: buttonPositionX, y: buttonPositionY, width: buttonWidth, height: buttonHeight, subImage: { x: buttonWidth, y: buttonHeight, width: buttonWidth, height: buttonHeight}, imageURL: buttonImageUrl, visible: false, alpha: 1.0 }); }; this.handleClickEvent = function(event) { var clickedOverlay = Overlays.getOverlayAtPoint({x: event.x, y: event.y}); if (clickedOverlay == this.standUpButton) { seat.model = null; this.standUp(); } else { this.addIndicators(); if (this.indicatorsAdded) { var pickRay = Camera.computePickRay(event.x, event.y); var clickedOnSeat = false; for (var i = 0; i < this.properties.sittingPoints.length; ++i) { if (raySphereIntersection(pickRay.origin, pickRay.direction, this.indicator[i].position, this.indicator[i].scale / 2)) { clickedOnSeat = true; seat.model = this.entityID; seat.position = this.indicator[i].position; seat.rotation = this.indicator[i].orientation; } } if (clickedOnSeat) { passedTime = 0.0; startPosition = MyAvatar.position; startRotation = MyAvatar.orientation; try{ Script.update.disconnect(standingUpAnimation); } catch(e){} try{ Script.update.disconnect(sittingDownAnimation); } catch(e){} Script.update.connect(goToSeatAnimation); } } } }; // All callbacks start by updating the properties this.updateProperties = function(entityID) { if (this.entityID === null) { this.entityID = entityID; } this.properties = Entities.getEntityProperties(this.entityID); }; this.unload = function(entityID) { this.cleanup(); Script.update.disconnect(update); }; this.preload = function(entityID) { this.updateProperties(entityID); // All callbacks start by updating the properties this.createStandupButton(); Script.update.connect(update); }; this.hoverOverEntity = function(entityID, mouseEvent) { this.updateProperties(entityID); // All callbacks start by updating the properties this.showIndicators(true); }; this.hoverLeaveEntity = function(entityID, mouseEvent) { this.updateProperties(entityID); // All callbacks start by updating the properties this.showIndicators(false); }; this.clickDownOnEntity = function(entityID, mouseEvent) { this.updateProperties(entityID); // All callbacks start by updating the properties this.handleClickEvent(mouseEvent); }; this.clickReleaseOnEntity = function(entityID, mouseEvent) { this.updateProperties(entityID); // All callbacks start by updating the properties }; })
//
// sitOnEntity.js
// examples/entityScripts
//
// Created by Brad Hefta-Gaub on 11/1/14.
// Copyright 2014 High Fidelity, Inc.
//
// This is an example of an entity script for sitting.
//
// Distributed under the Apache License, Version 2.0.
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
//
(function(){
this.entityID = null;
this.properties = null;
this.standUpButton = null;
this.indicatorsAdded = false;
this.indicator = new Array();
var buttonImageUrl = "https://worklist-prod.s3.amazonaws.com/attachment/0aca88e1-9bd8-5c1d.svg";
var windowDimensions = Controller.getViewportDimensions();
var buttonWidth = 37;
var buttonHeight = 46;
var buttonPadding = 50; // inside the normal toolbar position
var buttonPositionX = windowDimensions.x - buttonPadding - buttonWidth;
var buttonPositionY = (windowDimensions.y - buttonHeight) / 2 - (buttonHeight + buttonPadding);
var passedTime = 0.0;
var startPosition = null;
var startRotation = null;
var animationLenght = 2.0;
var avatarOldPosition = { x: 0, y: 0, z: 0 };
var sittingSettingsHandle = "SitJsSittingPosition";
var sitting = Settings.getValue(sittingSettingsHandle, false) == "true";
print("Original sitting status: " + sitting);
var frame = 0;
var seat = new Object();
var hiddingSeats = false;
// This is the pose we would like to end up
var pose = [
{joint:"RightUpLeg", rotation: {x:100.0, y:15.0, z:0.0}},
{joint:"RightLeg", rotation: {x:-130.0, y:15.0, z:0.0}},
{joint:"RightFoot", rotation: {x:30, y:15.0, z:0.0}},
{joint:"LeftUpLeg", rotation: {x:100.0, y:-15.0, z:0.0}},
{joint:"LeftLeg", rotation: {x:-130.0, y:-15.0, z:0.0}},
{joint:"LeftFoot", rotation: {x:30, y:15.0, z:0.0}}
];
var startPoseAndTransition = [];
function storeStartPoseAndTransition() {
for (var i = 0; i < pose.length; i++){
var startRotation = Quat.safeEulerAngles(MyAvatar.getJointRotation(pose[i].joint));
var transitionVector = Vec3.subtract( pose[i].rotation, startRotation );
startPoseAndTransition.push({joint: pose[i].joint, start: startRotation, transition: transitionVector});
}
}
function updateJoints(factor){
for (var i = 0; i < startPoseAndTransition.length; i++){
var scaledTransition = Vec3.multiply(startPoseAndTransition[i].transition, factor);
var rotation = Vec3.sum(startPoseAndTransition[i].start, scaledTransition);
MyAvatar.setJointData(startPoseAndTransition[i].joint, Quat.fromVec3Degrees( rotation ));
}
}
var sittingDownAnimation = function(deltaTime) {
passedTime += deltaTime;
var factor = passedTime/animationLenght;
if ( passedTime <= animationLenght ) {
updateJoints(factor);
var pos = { x: startPosition.x - 0.3 * factor, y: startPosition.y - 0.5 * factor, z: startPosition.z};
MyAvatar.position = pos;
} else {
Script.update.disconnect(sittingDownAnimation);
if (seat.model) {
MyAvatar.setModelReferential(seat.model.id);
}
}
}
var standingUpAnimation = function(deltaTime) {
passedTime += deltaTime;
var factor = 1 - passedTime/animationLenght;
if ( passedTime <= animationLenght ) {
updateJoints(factor);
var pos = { x: startPosition.x + 0.3 * (passedTime/animationLenght), y: startPosition.y + 0.5 * (passedTime/animationLenght), z: startPosition.z};
MyAvatar.position = pos;
} else {
Script.update.disconnect(standingUpAnimation);
}
}
var externalThis = this;
var goToSeatAnimation = function(deltaTime) {
passedTime += deltaTime;
var factor = passedTime/animationLenght;
if (passedTime <= animationLenght) {
var targetPosition = Vec3.sum(seat.position, { x: 0.3, y: 0.5, z: 0 });
MyAvatar.position = Vec3.sum(Vec3.multiply(startPosition, 1 - factor), Vec3.multiply(targetPosition, factor));
} else if (passedTime <= 2 * animationLenght) {
//Quat.print("MyAvatar: ", MyAvatar.orientation);
//Quat.print("Seat: ", seat.rotation);
MyAvatar.orientation = Quat.mix(startRotation, seat.rotation, factor - 1);
} else {
Script.update.disconnect(goToSeatAnimation);
externalThis.sitDown();
externalThis.showIndicators(false);
}
}
var globalMouseClick = function(event) {
var clickedOverlay = Overlays.getOverlayAtPoint({x: event.x, y: event.y});
if (clickedOverlay == externalThis.standUpButton) {
seat.model = null;
externalThis.standUp();
Controller.mousePressEvent.disconnect(globalMouseClick);
}
};
this.sitDown = function() {
sitting = true;
Settings.setValue(sittingSettingsHandle, sitting);
print("sitDown sitting status: " + Settings.getValue(sittingSettingsHandle, false));
passedTime = 0.0;
startPosition = MyAvatar.position;
storeStartPoseAndTransition();
try {
Script.update.disconnect(standingUpAnimation);
} catch(e){
// no need to handle. if it wasn't connected no harm done
}
Script.update.connect(sittingDownAnimation);
Overlays.editOverlay(this.standUpButton, { visible: true });
Controller.mousePressEvent.connect(globalMouseClick);
}
this.standUp = function() {
sitting = false;
Settings.setValue(sittingSettingsHandle, sitting);
print("standUp sitting status: " + Settings.getValue(sittingSettingsHandle, false));
passedTime = 0.0;
startPosition = MyAvatar.position;
MyAvatar.clearReferential();
try{
Script.update.disconnect(sittingDownAnimation);
} catch (e){}
Script.update.connect(standingUpAnimation);
Overlays.editOverlay(this.standUpButton, { visible: false });
Controller.mousePressEvent.disconnect(globalMouseClick);
}
function SeatIndicator(modelProperties, seatIndex) {
var halfDiagonal = Vec3.length(modelProperties.dimensions) / 2.0;
this.position = Vec3.sum(modelProperties.position,
Vec3.multiply(Vec3.multiplyQbyV(modelProperties.rotation, modelProperties.sittingPoints[seatIndex].position),
halfDiagonal)); // hack
this.orientation = Quat.multiply(modelProperties.rotation,
modelProperties.sittingPoints[seatIndex].rotation);
this.scale = MyAvatar.scale / 3;
this.sphere = Overlays.addOverlay("image3d", {
subImage: { x: 0, y: buttonHeight, width: buttonWidth, height: buttonHeight},
url: buttonImageUrl,
position: this.position,
scale: this.scale,
size: this.scale,
solid: true,
color: { red: 255, green: 255, blue: 255 },
alpha: 0.8,
visible: true,
isFacingAvatar: true
});
this.show = function(doShow) {
Overlays.editOverlay(this.sphere, { visible: doShow });
}
this.update = function() {
Overlays.editOverlay(this.sphere, {
position: this.position,
size: this.scale
});
}
this.cleanup = function() {
Overlays.deleteOverlay(this.sphere);
}
}
function update(deltaTime){
var newWindowDimensions = Controller.getViewportDimensions();
if( newWindowDimensions.x != windowDimensions.x || newWindowDimensions.y != windowDimensions.y ){
windowDimensions = newWindowDimensions;
var newX = windowDimensions.x - buttonPadding - buttonWidth;
var newY = (windowDimensions.y - buttonHeight) / 2 ;
Overlays.editOverlay( this.standUpButton, {x: newX, y: newY} );
}
// For a weird reason avatar joint don't update till the 10th frame
// Set the update frame to 20 to be safe
var UPDATE_FRAME = 20;
if (frame <= UPDATE_FRAME) {
if (frame == UPDATE_FRAME) {
if (sitting == true) {
print("Was seated: " + sitting);
storeStartPoseAndTransition();
updateJoints(1.0);
}
}
frame++;
}
}
this.addIndicators = function() {
if (!this.indicatorsAdded) {
if (this.properties.sittingPoints.length > 0) {
for (var i = 0; i < this.properties.sittingPoints.length; ++i) {
this.indicator[i] = new SeatIndicator(this.properties, i);
}
this.indicatorsAdded = true;
}
}
}
this.removeIndicators = function() {
for (var i = 0; i < this.properties.sittingPoints.length; ++i) {
this.indicator[i].cleanup();
}
}
this.showIndicators = function(doShow) {
this.addIndicators();
if (this.indicatorsAdded) {
for (var i = 0; i < this.properties.sittingPoints.length; ++i) {
this.indicator[i].show(doShow);
}
}
hiddingSeats = !doShow;
}
function raySphereIntersection(origin, direction, center, radius) {
var A = origin;
var B = Vec3.normalize(direction);
var P = center;
var x = Vec3.dot(Vec3.subtract(P, A), B);
var X = Vec3.sum(A, Vec3.multiply(B, x));
var d = Vec3.length(Vec3.subtract(P, X));
return (x > 0 && d <= radius);
}
this.cleanup = function() {
this.standUp();
MyAvatar.clearReferential();
for (var i = 0; i < pose.length; i++){
MyAvatar.clearJointData(pose[i].joint);
}
Overlays.deleteOverlay(this.standUpButton);
for (var i = 0; i < this.indicator.length; ++i) {
this.indicator[i].cleanup();
}
};
this.createStandupButton = function() {
this.standUpButton = Overlays.addOverlay("image", {
x: buttonPositionX, y: buttonPositionY, width: buttonWidth, height: buttonHeight,
subImage: { x: buttonWidth, y: buttonHeight, width: buttonWidth, height: buttonHeight},
imageURL: buttonImageUrl,
visible: false,
alpha: 1.0
});
};
this.handleClickEvent = function(event) {
var clickedOverlay = Overlays.getOverlayAtPoint({x: event.x, y: event.y});
if (clickedOverlay == this.standUpButton) {
seat.model = null;
this.standUp();
} else {
this.addIndicators();
if (this.indicatorsAdded) {
var pickRay = Camera.computePickRay(event.x, event.y);
var clickedOnSeat = false;
for (var i = 0; i < this.properties.sittingPoints.length; ++i) {
if (raySphereIntersection(pickRay.origin,
pickRay.direction,
this.indicator[i].position,
this.indicator[i].scale / 2)) {
clickedOnSeat = true;
seat.model = this.entityID;
seat.position = this.indicator[i].position;
seat.rotation = this.indicator[i].orientation;
}
}
if (clickedOnSeat) {
passedTime = 0.0;
startPosition = MyAvatar.position;
startRotation = MyAvatar.orientation;
try{ Script.update.disconnect(standingUpAnimation); } catch(e){}
try{ Script.update.disconnect(sittingDownAnimation); } catch(e){}
Script.update.connect(goToSeatAnimation);
}
}
}
};
// All callbacks start by updating the properties
this.updateProperties = function(entityID) {
if (this.entityID === null) {
this.entityID = entityID;
}
this.properties = Entities.getEntityProperties(this.entityID);
};
this.unload = function(entityID) {
this.cleanup();
Script.update.disconnect(update);
};
this.preload = function(entityID) {
this.updateProperties(entityID); // All callbacks start by updating the properties
this.createStandupButton();
Script.update.connect(update);
};
this.hoverOverEntity = function(entityID, mouseEvent) {
this.updateProperties(entityID); // All callbacks start by updating the properties
this.showIndicators(true);
};
this.hoverLeaveEntity = function(entityID, mouseEvent) {
this.updateProperties(entityID); // All callbacks start by updating the properties
this.showIndicators(false);
};
this.clickDownOnEntity = function(entityID, mouseEvent) {
this.updateProperties(entityID); // All callbacks start by updating the properties
this.handleClickEvent(mouseEvent);
};
this.clickReleaseOnEntity = function(entityID, mouseEvent) {
this.updateProperties(entityID); // All callbacks start by updating the properties
};
})