Mirrors/community-apps
3
0
Fork 0
mirror of https://github.com/overte-org/community-apps.git synced 2025-04-06 12:02:22 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #6 from kasenvr/app/grabscale

Browse source 
Add VRBuildGrabScale.js app to community-apps, created by Basinsky.
This commit is contained in:
kasenvr 2020-03-11 00:06:54 -04:00 committed by GitHub
commit e3198abf68
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 507 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
applications/metadata.js
View file

@ -24,7 +24,7 @@ var metadata = { "applications": [
"description": "This application returns a record of the orientation and the position of your avatar. This tool becomes very helpful when you want to build on a sphere with a radial gravity, where it's arduous to evaluate the perpendicularity of the floor.",
"jsfile": "gravimeter/gravimeter.js",
"icon": "gravimeter/gravimeter_icon.png",
"caption": "GAVITY"
"caption": "GRAVITY"
},
{
"isActive": true,
@ -43,6 +43,15 @@ var metadata = { "applications": [
"jsfile": "domain-navigator/dom_nav.js",
"icon": "domain-navigator/dom_nav_icon_i.png",
"caption": "DOM NAV"
}
},
{
"isActive": true,
"directory": "vr-grabscale",
"name": "VR Grabscale",
"description": "This tool allows you to scale objects by grabbing them in VR.",
"jsfile": "vr-grabscale/VRBuildGrabScale.js",
"icon": "vr-grabscale/logo.png",
"caption": "VR SCALE"
}
]
};

496
applications/vr-grabscale/VRBuildGrabScale.js Normal file
View file

@ -0,0 +1,496 @@
//
// VRBuildGrabScale.js
//
// Created by Basinsky on 2 Feb 2020
//
// Script to scale in separate XYZ directions by grabbing.
//
// Distributed under the Apache License, Version 2.0.
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
//
var isGrabLeftInProgress = false;
var isGrabRightInProgress = false;
var isGrabLeftAndRight = false;
var grabbedLeftEntityID;
var grabbedRightEntityID;
var channelName = "Hifi-Object-Manipulation";
var closeEntities = [];
var entityToBeGrabbedID = null;
var RIGHT_JOINT;
var LEFT_JOINT;
var startHandDistance = 0;
var isScaling = false;
var newScale = 1;
var oldDimensions;
var newDimensions = { x: 1, y: 1, z: 1 };
var overlayPosition;
var entityPosition = { x: 0, y: 0, z: 0 };
var entityRotation;
var isDirectionFound = false;
var handPositionLeft;
var handPositionRight;
var SCALE_RATIO = 2.2;
var GIZMO_CYLINDER_LENGTH = 0.3;
var GIZMO_CYLINDER_LENGTH_RATIO = 0.025;
var GIZMO_CYLINDER_DIAMETER = GIZMO_CYLINDER_LENGTH * GIZMO_CYLINDER_LENGTH_RATIO;
var GIZMO_CENTER_DIAMETER = 0.2;
var GIZMO_END_DIAMETER = 0.02;
var GIZMO_END_POSITION = GIZMO_CYLINDER_LENGTH * 0.5;
var GIZMO_DEFAULT_SCALE = 0.2;
var WANT_DEBUG = false;
var gizmoShapeIDs = [];
var DECIMAL_PRECISION = 4;
var ENTITIES_TO_UPDATE;
var gizmoCenterID;
var gizmoXaxisID;
var gizmoYaxisID;
var gizmoZaxisID;
var gizmoXplusID;
var gizmoXminusID;
var gizmoYplusID;
var gizmoYminusID;
var gizmoZplusID;
var gizmoZminusID;
var minimum = 1000;
var index = 0;
var distanceToGizmoXplus = 0;
var distanceToGizmoXmin = 0;
var distanceToGizmoYplus = 0;
var distanceToGizmoYmin = 0;
var distanceToGizmoZplus = 0;
var distanceToGizmoZmin = 0;
var isScaleModeX = false;
var isScaleModeY = false;
var isScaleModeZ = false;
var gizmoEndpoints = [];
var overlayID = Overlays.addOverlay("text3d", {
text: "hover",
visible: true,
backgroundAlpha: 0.2,
isFacingAvatar: true,
lineHeight: 0.05,
dimensions: { x: 2, y: 0.5, z: 0.5 },
drawInFront: true
}, "local");
function createGizmo() {
gizmoCenterID = Entities.addEntity({
type: "Shape",
shape: "Sphere",
name: "gizmoCenter",
description: "",
position: { x: 0, y: 0, z: 0},
lifetime: -1,
color: { r: 100, g: 100, b: 100 },
alpha: 0.5,
dimensions: { x: GIZMO_CENTER_DIAMETER, y: GIZMO_CENTER_DIAMETER, z: GIZMO_CENTER_DIAMETER },
collisionless: true,
userData: "{ \"grabbableKey\": { \"grabbable\": false, \"triggerable\": false } }"
});
gizmoShapeIDs.push(gizmoCenterID);
var tempRotation = Quat.fromPitchYawRollRadians(0, 0, 0);
gizmoXaxisID = Entities.addEntity({
type: "Shape",
shape: "Cylinder",
name: "x-axis",
parentID: gizmoCenterID,
description: "",
localPosition: { x: 0, y: 0, z: 0 },
localRotation: tempRotation,
lifetime: -1,
color: { r: 100, g: 0, b: 0 },
alpha: 1,
dimensions: { x: GIZMO_CYLINDER_LENGTH, y: GIZMO_END_DIAMETER, z: GIZMO_END_DIAMETER },
ignoreForCollisions: true,
userData: "{ \"grabbableKey\": { \"grabbable\": false, \"triggerable\": false} }"
});
gizmoShapeIDs.push(gizmoXaxisID);
tempRotation = Quat.fromPitchYawRollRadians(0 , 0 ,-Math.PI/2);
gizmoYaxisID = Entities.addEntity({
type: "Shape",
shape: "Cylinder",
name: "y-axis",
parentID: gizmoCenterID,
description: "",
localPosition: { x: 0, y: 0, z: 0 },
localRotation: tempRotation,
lifetime: -1,
color: { r: 0, g: 100, b: 0 },
alpha: 1,
dimensions: { x: GIZMO_END_DIAMETER, y: GIZMO_CYLINDER_LENGTH, z: GIZMO_END_DIAMETER },
ignoreForCollisions: true,
userData: "{ \"grabbableKey\": { \"grabbable\": false, \"triggerable\": false } }"
});
gizmoShapeIDs.push(gizmoYaxisID);
tempRotation = Quat.fromPitchYawRollRadians(-Math.PI/2,0,0);
gizmoZaxisID = Entities.addEntity({
type: "Shape",
shape: "Cylinder",
name: "z-axis",
parentID: gizmoCenterID,
description: "",
localPosition: { x: 0, y: 0, z: 0 },
localRotation: tempRotation,
lifetime: -1,
color: { r: 0 ,g: 0, b: 100 },
alpha: 1,
dimensions: { x: GIZMO_END_DIAMETER, y: GIZMO_END_DIAMETER, z: GIZMO_CYLINDER_LENGTH },
ignoreForCollisions: true,
userData: "{ \"grabbableKey\": { \"grabbable\": false, \"triggerable\": false } }"
});
gizmoShapeIDs.push(gizmoZaxisID);
gizmoXplusID = Entities.addEntity({
type: "Shape",
shape: "Sphere",
name: "x-plus",
parentID: gizmoXaxisID,
description: "",
localPosition: { x: 0, y: GIZMO_END_POSITION, z: 0 },
lifetime: -1,
color: { r: 255, g: 0, b: 0 },
alpha: 1,
dimensions: { x: GIZMO_END_DIAMETER, y: GIZMO_END_DIAMETER, z: GIZMO_END_DIAMETER },
ignoreForCollisions: true,
userData: "{ \"grabbableKey\": { \"grabbable\": false, \"triggerable\": false } }"
});
gizmoShapeIDs.push(gizmoXplusID);
gizmoXminusID = Entities.addEntity({
type: "Shape",
shape: "Sphere",
name: "x-minus",
parentID: gizmoXaxisID,
description: "",
localPosition: { x: 0, y: -GIZMO_END_POSITION, z: 0 },
lifetime: -1,
color: { r: 255, g: 0, b: 0},
alpha: 1,
dimensions: {x: GIZMO_END_DIAMETER,y: GIZMO_END_DIAMETER,z: GIZMO_END_DIAMETER},
ignoreForCollisions: true,
userData: "{ \"grabbableKey\": { \"grabbable\": false, \"triggerable\": false } }"
});
gizmoShapeIDs.push(gizmoXminusID);
gizmoYplusID = Entities.addEntity({
type: "Shape",
shape: "Sphere",
name: "y-plus",
parentID: gizmoYaxisID,
description: "",
localPosition: { x: 0, y: GIZMO_END_POSITION, z: 0 },
lifetime: -1,
color: { r: 0, g: 255, b: 0 },
alpha: 1,
dimensions: { x: GIZMO_END_DIAMETER, y: GIZMO_END_DIAMETER, z: GIZMO_END_DIAMETER },
ignoreForCollisions: true,
userData: "{ \"grabbableKey\": { \"grabbable\": false, \"triggerable\": false } }"
});
gizmoShapeIDs.push(gizmoYplusID);
gizmoYminusID = Entities.addEntity({
type: "Shape",
shape: "Sphere",
name: "y-minus",
parentID: gizmoYaxisID,
description: "",
localPosition: { x: 0, y: -GIZMO_END_POSITION, z: 0 },
lifetime: -1,
color: { r: 0, g: 255, b: 0 },
alpha: 1,
dimensions: { x: GIZMO_END_DIAMETER, y: GIZMO_END_DIAMETER, z: GIZMO_END_DIAMETER },
ignoreForCollisions: true,
userData: "{ \"grabbableKey\": { \"grabbable\": false, \"triggerable\": false } }"
});
gizmoShapeIDs.push(gizmoYminusID);
gizmoZplusID = Entities.addEntity({
type: "Shape",
shape: "Sphere",
name: "z-plus",
parentID: gizmoZaxisID,
description: "",
localPosition: { x: 0, y: GIZMO_END_POSITION, z: 0 },
lifetime: -1,
color: { r: 0, g: 0, b: 255 },
alpha: 1,
dimensions: { x: GIZMO_END_DIAMETER, y: GIZMO_END_DIAMETER, z: GIZMO_END_DIAMETER },
ignoreForCollisions: true,
userData: "{ \"grabbableKey\": { \"grabbable\": false, \"triggerable\": false } }"
});
gizmoShapeIDs.push(gizmoZplusID);
gizmoZminusID = Entities.addEntity({
type: "Shape",
shape: "Sphere",
name: "z-minus",
parentID: gizmoZaxisID,
description: "",
localPosition: { x: 0, y: -GIZMO_END_POSITION, z: 0},
lifetime: -1,
color: { r: 0, g: 0, b: 255 },
alpha: 1,
dimensions: { x: GIZMO_END_DIAMETER, y: GIZMO_END_DIAMETER, z: GIZMO_END_DIAMETER},
ignoreForCollisions: true,
userData: "{ \"grabbableKey\": { \"grabbable\": false, \"triggerable\": false } }"
});
gizmoShapeIDs.push(gizmoZminusID);
ENTITIES_TO_UPDATE = [gizmoXplusID, gizmoXminusID, gizmoYplusID, gizmoYminusID, gizmoZplusID, gizmoZminusID];
}
function updateOverlay() {
overlayPosition = Vec3.sum(MyAvatar.position, Vec3.multiplyQbyV(MyAvatar.orientation, { x: 0, y: 2, z: -2 }));
var text = [
" GrabLeft: " + isGrabLeftInProgress +
" GrabRight: " + isGrabRightInProgress +
" isGrabLeftAndRight: " + isGrabLeftAndRight,
" isScaling: " + isScaling + " newScale: " + newScale,
" HandposLeft: " + JSON.stringify(Vec3.subtract(handPositionLeft,MyAvatar.position)),
" HandposRight: " + JSON.stringify(Vec3.subtract(handPositionRight,MyAvatar.position)),
" dxplus: " + distanceToGizmoXplus.toFixed(DECIMAL_PRECISION) +
" dyplus: " + distanceToGizmoYplus.toFixed(DECIMAL_PRECISION) +
" dzplus: " + distanceToGizmoZplus.toFixed(DECIMAL_PRECISION),
" dxmin: " + distanceToGizmoXmin.toFixed(DECIMAL_PRECISION) +
" dymin: " + distanceToGizmoYmin.toFixed(DECIMAL_PRECISION) +
" dzmin: " + distanceToGizmoZmin.toFixed(DECIMAL_PRECISION),
" isScaleModeX: " + isScaleModeX + " isScaleModeY: " + isScaleModeY +" isScaleModeZ: " + isScaleModeZ,
" index: "+ index + "minimum: " + minimum
].filter(Boolean).join('\n');
Overlays.editOverlay(overlayID, {
text: text,
position: overlayPosition
});
}
function updateGizmoPositionRotation(gizmoPos, gizmoRot) {
var tempRotation = Quat.fromPitchYawRollRadians(0, 0, -Math.PI * 0.5 );
Entities.editEntity(gizmoCenterID, {
position: gizmoPos,
rotation: Quat.multiply(gizmoRot, tempRotation)
});
}
function getJointIndex() {
RIGHT_JOINT = MyAvatar.getJointIndex("RightHandMiddle1");
LEFT_JOINT = MyAvatar.getJointIndex("LeftHandMiddle1");
if (RIGHT_JOINT === -1) {
RIGHT_JOINT = MyAvatar.getJointIndex("RightHand");
}
if (LEFT_JOINT === -1) {
LEFT_JOINT = MyAvatar.getJointIndex("LeftHand");
}
if (LEFT_JOINT === -1 || RIGHT_JOINT === -1) {
print("Avatar has no hand Joints");
}
}
function updateGizmoScale(scaleUpdateX, scaleUpdateY, scaleUpdateZ) {
Entities.editEntity(gizmoXaxisID, {
dimensions: { x: GIZMO_CYLINDER_DIAMETER, y: GIZMO_CYLINDER_LENGTH*scaleUpdateX*2, z: GIZMO_CYLINDER_DIAMETER }
});
Entities.editEntity(gizmoYaxisID, {
dimensions: { x: GIZMO_CYLINDER_DIAMETER, y: GIZMO_CYLINDER_LENGTH*scaleUpdateY*2, z: GIZMO_CYLINDER_DIAMETER }
});
Entities.editEntity(gizmoZaxisID, {
dimensions: { x: GIZMO_CYLINDER_DIAMETER, y: GIZMO_CYLINDER_LENGTH*scaleUpdateZ*2, z: GIZMO_CYLINDER_DIAMETER }
});
Entities.editEntity(gizmoXplusID, {
localPosition: {x: 0, y: GIZMO_END_POSITION*scaleUpdateX*2, z: 0 }
});
Entities.editEntity(gizmoXminusID, {
localPosition: { x: 0, y: -GIZMO_END_POSITION*scaleUpdateX*2, z: 0 }
});
Entities.editEntity(gizmoYplusID, {
localPosition: { x: 0, y: GIZMO_END_POSITION*scaleUpdateY*2, z: 0 }
});
Entities.editEntity(gizmoYminusID, {
localPosition: { x: 0, y: -GIZMO_END_POSITION*scaleUpdateY*2, z: 0 }
});
Entities.editEntity(gizmoZplusID, {
localPosition: { x: 0, y: GIZMO_END_POSITION*scaleUpdateZ*2, z: 0 }
});
Entities.editEntity(gizmoZminusID, {
localPosition: { x: 0, y: -GIZMO_END_POSITION*scaleUpdateZ*2, z: 0 }
});
}
function hideGizmo() {
for (var i in gizmoShapeIDs) {
Entities.editEntity(gizmoShapeIDs[i], { visible: false });
}
}
function showGizmo() {
for (var i in gizmoShapeIDs) {
Entities.editEntity(gizmoShapeIDs[i], { visible: true});
}
}
function isGizmo(id) {
return gizmoShapeIDs.indexOf(id) !== -1;
}
function startScaling() {
if (!isScaling) {
showGizmo();
var startHandPositionLeft = MyAvatar.getJointPosition(LEFT_JOINT);
var startHandPositionRight = MyAvatar.getJointPosition(RIGHT_JOINT);
startHandDistance = Vec3.distance(startHandPositionLeft,startHandPositionRight);
isScaling = true;
oldDimensions = Entities.getEntityProperties(entityToBeGrabbedID,["dimensions"]).dimensions;
}
var handDistance = Vec3.distance(handPositionLeft,handPositionRight);
newScale = handDistance / startHandDistance;
var scaleX = 1;
var scaleY = 1;
var scaleZ = 1;
if (isScaleModeX) {
newDimensions = { x: oldDimensions.x * newScale , y: oldDimensions.y, z: oldDimensions.z };
scaleX = newScale;
}
if (isScaleModeY) {
newDimensions = { x: oldDimensions.x, y: oldDimensions.y* newScale, z: oldDimensions.z };
scaleY = newScale;
}
if (isScaleModeZ) {
newDimensions = { x: oldDimensions.x, y: oldDimensions.y, z: oldDimensions.z* newScale };
scaleZ = newScale;
}
Entities.editEntity(entityToBeGrabbedID,{dimensions: newDimensions});
updateGizmoScale(
oldDimensions.x*scaleX*SCALE_RATIO,
oldDimensions.y*scaleY*SCALE_RATIO,
oldDimensions.z*scaleZ*SCALE_RATIO);
}
function startBuilding() {
if (WANT_DEBUG) {
updateOverlay();
}
if (isGrabLeftInProgress && isGrabRightInProgress) {
if (grabbedLeftEntityID) {
entityToBeGrabbedID = grabbedLeftEntityID;
}
if (grabbedRightEntityID) {
entityToBeGrabbedID = grabbedRightEntityID;
}
isGrabLeftAndRight = true;
} else {
entityToBeGrabbedID = null;
isGrabLeftAndRight = false;
isScaling = false;
isDirectionFound = false;
isScaleModeX = false;
isScaleModeY = false;
isScaleModeZ = false;
newScale = 2;
hideGizmo();
}
if (isGrabLeftAndRight) {
startScaling();
}
if (entityToBeGrabbedID) {
var entityProperties = Entities.getEntityProperties(entityToBeGrabbedID,["position","rotation"]);
entityPosition = entityProperties.position;
entityRotation = entityProperties.rotation;
handPositionLeft = MyAvatar.getJointPosition(LEFT_JOINT);
handPositionRight = MyAvatar.getJointPosition(RIGHT_JOINT);
updateGizmoPositionRotation(entityPosition,entityRotation);
var localPositions = Entities.getMultipleEntityProperties(ENTITIES_TO_UPDATE, "localPosition");
for (var i = 0; i < localPositions.length; i++) {
gizmoEndpoints[i] = Vec3.distance(handPositionLeft,
Entities.localToWorldPosition(localPositions[i].localPosition, ENTITIES_TO_UPDATE[i], -1));
}
minimum = Math.min(gizmoEndpoints[0],gizmoEndpoints[1],gizmoEndpoints[2],gizmoEndpoints[3],gizmoEndpoints[4],gizmoEndpoints[5]);
index = gizmoEndpoints.indexOf(minimum);
if (index === 0 || index === 1) {
if (!isDirectionFound) {
isScaleModeX = true;
isScaleModeY = false;
isScaleModeZ = false;
isDirectionFound = true;
}
}
if (index === 2 || index === 3) {
if (!isDirectionFound) {
isScaleModeY = false;
isScaleModeY = true;
isScaleModeZ = false;
isDirectionFound = true;
}
}
if (index === 4 || index === 5) {
if (!isDirectionFound) {
isScaleModeZ = false;
isScaleModeY = false;
isScaleModeZ = true;
isDirectionFound = true;
}
}
}
}
Script.scriptEnding.connect(function() {
Entities.deleteEntity(overlayID);
Entities.deleteEntity(gizmoCenterID);
Messages.messageReceived.disconnect(onMessageReceived);
Messages.unsubscribe(channelName);
Script.update.disconnect(startBuilding);
});
function onMessageReceived(channel, message, senderID) {
if (channel === channelName && senderID === MyAvatar.sessionUUID) {
var action = JSON.parse(message).action;
var actionHand = JSON.parse(message).joint;
if (action === "grab") {
if (actionHand === "LeftHand") {
grabbedLeftEntityID = JSON.parse(message).grabbedEntity;
var checkLeft = isGizmo(grabbedLeftEntityID);
if (!checkLeft) {
isGrabLeftInProgress = true;
}
}
if (actionHand === "RightHand") {
grabbedRightEntityID = JSON.parse(message).grabbedEntity;
var checkRight = isGizmo(grabbedRightEntityID);
if (!checkRight) {
isGrabRightInProgress = true;
}
}
}
if (action === "release") {
if (actionHand === "LeftHand") {
isGrabLeftInProgress = false;
grabbedLeftEntityID = null;
}
if (actionHand === "RightHand") {
isGrabRightInProgress = false;
grabbedRightEntityID = null;
}
}
}
}
MyAvatar.onLoadComplete.connect(function () {
if (WANT_DEBUG) {
print("avatar model changed");
}
getJointIndex();
});
Messages.subscribe(channelName);
Messages.messageReceived.connect(onMessageReceived);
createGizmo();
getJointIndex();
updateGizmoScale(GIZMO_DEFAULT_SCALE);
Script.update.connect(startBuilding);

BIN
applications/vr-grabscale/logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1,007 B