mirror of
https://github.com/lubosz/overte.git
synced 2025-04-05 20:36:03 +02:00
372 lines
14 KiB
JavaScript
372 lines
14 KiB
JavaScript
//
|
|
// 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
|
|
};
|
|
|
|
})
|