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

Hide UI if hand is inside entity that camera is outside of

Browse source
This commit is contained in:
David Rowe 2017-09-02 19:09:36 +12:00
parent 296d270098
commit 9f9a0b0c58
3 changed files with 163 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
scripts/vr-edit/modules/createPalette.js
View file

@ -23,6 +23,8 @@ CreatePalette = function (side, leftInputs, rightInputs, uiCommandCallback) {
paletteItemOverlays = [], paletteItemOverlays = [],
paletteItemPositions = [], paletteItemPositions = [],
paletteItemHoverOverlays = [], paletteItemHoverOverlays = [],
iconOverlays = [],
staticOverlays = [],
LEFT_HAND = 0, LEFT_HAND = 0,
@ -297,6 +299,21 @@ CreatePalette = function (side, leftInputs, rightInputs, uiCommandCallback) {
return [palettePanelOverlay, paletteHeaderHeadingOverlay, paletteHeaderBarOverlay].concat(paletteItemOverlays); return [palettePanelOverlay, paletteHeaderHeadingOverlay, paletteHeaderBarOverlay].concat(paletteItemOverlays);
} }
function setVisible(visible) {
var i,
length;
for (i = 0, length = staticOverlays.length; i < length; i += 1) {
Overlays.editOverlay(staticOverlays[i], { visible: visible });
}
if (!visible) {
for (i = 0, length = paletteItemHoverOverlays.length; i < length; i += 1) {
Overlays.editOverlay(paletteItemHoverOverlays[i], { visible: false });
}
}
}
function update(intersectionOverlayID) { function update(intersectionOverlayID) {
var itemIndex, var itemIndex,
isTriggerClicked, isTriggerClicked,
@ -432,9 +449,13 @@ CreatePalette = function (side, leftInputs, rightInputs, uiCommandCallback) {
properties = Object.merge(properties, PALETTE_ITEMS[i].icon.properties); properties = Object.merge(properties, PALETTE_ITEMS[i].icon.properties);
properties.parentID = paletteItemHoverOverlays[i]; properties.parentID = paletteItemHoverOverlays[i];
properties.url = Script.resolvePath(properties.url); properties.url = Script.resolvePath(properties.url);
Overlays.addOverlay(PALETTE_ITEM.icon.overlay, properties); iconOverlays[i] = Overlays.addOverlay(PALETTE_ITEM.icon.overlay, properties);
} }
// Always-visible overlays.
staticOverlays = [].concat(paletteHeaderHeadingOverlay, paletteHeaderBarOverlay, paletteTitleOverlay,
palettePanelOverlay, paletteItemOverlays, iconOverlays);
isDisplaying = true; isDisplaying = true;
} }
@ -446,6 +467,8 @@ CreatePalette = function (side, leftInputs, rightInputs, uiCommandCallback) {
Overlays.deleteOverlay(paletteOriginOverlay); // Automatically deletes all other overlays because they're children. Overlays.deleteOverlay(paletteOriginOverlay); // Automatically deletes all other overlays because they're children.
paletteItemOverlays = []; paletteItemOverlays = [];
paletteItemHoverOverlays = []; paletteItemHoverOverlays = [];
iconOverlays = [];
staticOverlays = [];
isDisplaying = false; isDisplaying = false;
} }
@ -455,7 +478,8 @@ CreatePalette = function (side, leftInputs, rightInputs, uiCommandCallback) {
return { return {
setHand: setHand, setHand: setHand,
entityIDs: getEntityIDs, entityIDs: getEntityIDs, // TODO: Rename to overlayIDs.
setVisible: setVisible,
update: update, update: update,
display: display, display: display,
clear: clear, clear: clear,

112
scripts/vr-edit/modules/toolsMenu.js
View file

@ -31,6 +31,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
menuOverlays = [], menuOverlays = [],
menuHoverOverlays = [], menuHoverOverlays = [],
menuLabelOverlays = [],
menuEnabled = [], menuEnabled = [],
optionsOverlays = [], optionsOverlays = [],
@ -39,6 +40,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
optionsOverlaysSublabels = [], // Overlay IDs of sublabels for optionsOverlays. optionsOverlaysSublabels = [], // Overlay IDs of sublabels for optionsOverlays.
optionsSliderData = [], // Uses same index values as optionsOverlays. optionsSliderData = [], // Uses same index values as optionsOverlays.
optionsColorData = [], // Uses same index values as optionsOverlays. optionsColorData = [], // Uses same index values as optionsOverlays.
optionsExtraOverlays = [],
optionsEnabled = [], optionsEnabled = [],
optionsSettings = { optionsSettings = {
// <option item id>: { // <option item id>: {
@ -52,6 +54,8 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
swatchHighlightOverlay = null, swatchHighlightOverlay = null,
staticOverlays = [],
LEFT_HAND = 0, LEFT_HAND = 0,
PANEL_ORIGIN_POSITION_LEFT_HAND = { PANEL_ORIGIN_POSITION_LEFT_HAND = {
x: -UIT.dimensions.canvasSeparation - UIT.dimensions.canvas.x / 2, x: -UIT.dimensions.canvasSeparation - UIT.dimensions.canvas.x / 2,
@ -1864,6 +1868,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
}, },
isDisplaying = false, isDisplaying = false,
isVisible = true,
isOptionsOpen = false, isOptionsOpen = false,
isOptionsHeadingRaised = false, isOptionsHeadingRaised = false,
optionsHeadingURL, optionsHeadingURL,
@ -1919,6 +1924,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
var properties, var properties,
itemID, itemID,
buttonID, buttonID,
overlayID,
i, i,
length; length;
@ -1934,6 +1940,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
for (i = 0, length = MENU_ITEMS.length; i < length; i += 1) { for (i = 0, length = MENU_ITEMS.length; i < length; i += 1) {
properties = Object.clone(UI_ELEMENTS[MENU_ITEMS[i].type].properties); properties = Object.clone(UI_ELEMENTS[MENU_ITEMS[i].type].properties);
properties = Object.merge(properties, MENU_ITEMS[i].properties); properties = Object.merge(properties, MENU_ITEMS[i].properties);
properties.visible = isVisible;
properties.parentID = menuPanelOverlay; properties.parentID = menuPanelOverlay;
itemID = Overlays.addOverlay(UI_ELEMENTS[MENU_ITEMS[i].type].overlay, properties); itemID = Overlays.addOverlay(UI_ELEMENTS[MENU_ITEMS[i].type].overlay, properties);
menuOverlays[i] = itemID; menuOverlays[i] = itemID;
@ -1950,23 +1957,29 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
properties = Object.merge(properties, UI_ELEMENTS.menuButton.icon.properties); properties = Object.merge(properties, UI_ELEMENTS.menuButton.icon.properties);
properties = Object.merge(properties, MENU_ITEMS[i].icon.properties); properties = Object.merge(properties, MENU_ITEMS[i].icon.properties);
properties.url = Script.resolvePath(properties.url); properties.url = Script.resolvePath(properties.url);
properties.visible = isVisible;
properties.parentID = buttonID; properties.parentID = buttonID;
Overlays.addOverlay(UI_ELEMENTS[UI_ELEMENTS.menuButton.icon.type].overlay, properties); overlayID = Overlays.addOverlay(UI_ELEMENTS[UI_ELEMENTS.menuButton.icon.type].overlay, properties);
menuLabelOverlays.push(overlayID);
// Label. // Label.
properties = Object.clone(UI_ELEMENTS[UI_ELEMENTS.menuButton.label.type].properties); properties = Object.clone(UI_ELEMENTS[UI_ELEMENTS.menuButton.label.type].properties);
properties = Object.merge(properties, UI_ELEMENTS.menuButton.label.properties); properties = Object.merge(properties, UI_ELEMENTS.menuButton.label.properties);
properties = Object.merge(properties, MENU_ITEMS[i].label.properties); properties = Object.merge(properties, MENU_ITEMS[i].label.properties);
properties.url = Script.resolvePath(properties.url); properties.url = Script.resolvePath(properties.url);
properties.visible = isVisible;
properties.parentID = itemID; properties.parentID = itemID;
Overlays.addOverlay(UI_ELEMENTS[UI_ELEMENTS.menuButton.label.type].overlay, properties); overlayID = Overlays.addOverlay(UI_ELEMENTS[UI_ELEMENTS.menuButton.label.type].overlay, properties);
menuLabelOverlays.push(overlayID);
// Sublabel. // Sublabel.
properties = Object.clone(UI_ELEMENTS[UI_ELEMENTS.menuButton.sublabel.type].properties); properties = Object.clone(UI_ELEMENTS[UI_ELEMENTS.menuButton.sublabel.type].properties);
properties = Object.merge(properties, UI_ELEMENTS.menuButton.sublabel.properties); properties = Object.merge(properties, UI_ELEMENTS.menuButton.sublabel.properties);
properties.url = Script.resolvePath(properties.url); properties.url = Script.resolvePath(properties.url);
properties.visible = isVisible;
properties.parentID = itemID; properties.parentID = itemID;
Overlays.addOverlay(UI_ELEMENTS[UI_ELEMENTS.menuButton.sublabel.type].overlay, properties); overlayID = Overlays.addOverlay(UI_ELEMENTS[UI_ELEMENTS.menuButton.sublabel.type].overlay, properties);
menuLabelOverlays.push(overlayID);
} }
} }
@ -1980,6 +1993,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
menuOverlays = []; menuOverlays = [];
menuHoverOverlays = []; menuHoverOverlays = [];
menuLabelOverlays = [];
pressedItem = null; pressedItem = null;
} }
@ -1992,6 +2006,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
value, value,
imageOffset, imageOffset,
IMAGE_OFFSET = 0.0005, IMAGE_OFFSET = 0.0005,
CIRCLE_CURSOR_SPHERE_DIMENSIONS = { x: 0.01, y: 0.01, z: 0.01 },
CIRCLE_CURSOR_GAP = 0.002, CIRCLE_CURSOR_GAP = 0.002,
id, id,
i, i,
@ -2003,7 +2018,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
// Update header. // Update header.
optionsHeadingURL = Script.resolvePath(menuItem.title.url); optionsHeadingURL = Script.resolvePath(menuItem.title.url);
optionsHeadingScale = menuItem.title.scale; optionsHeadingScale = menuItem.title.scale;
Overlays.editOverlay(menuHeaderBackOverlay, { visible: true }); Overlays.editOverlay(menuHeaderBackOverlay, { visible: isVisible });
Overlays.editOverlay(menuHeaderTitleOverlay, { Overlays.editOverlay(menuHeaderTitleOverlay, {
url: optionsHeadingURL, url: optionsHeadingURL,
scale: optionsHeadingScale scale: optionsHeadingScale
@ -2012,7 +2027,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
url: Script.resolvePath(menuItem.icon.properties.url), url: Script.resolvePath(menuItem.icon.properties.url),
dimensions: menuItem.icon.properties.dimensions, dimensions: menuItem.icon.properties.dimensions,
localPosition: Vec3.sum(MENU_HEADER_ICON_OFFSET, menuItem.icon.headerOffset), localPosition: Vec3.sum(MENU_HEADER_ICON_OFFSET, menuItem.icon.headerOffset),
visible: true visible: isVisible
}); });
// Open specified options panel. // Open specified options panel.
@ -2100,6 +2115,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
auxiliaryProperties.parentID = optionsOverlays[optionsOverlays.length - 1]; auxiliaryProperties.parentID = optionsOverlays[optionsOverlays.length - 1];
optionsSliderData[i].value = Overlays.addOverlay(UI_ELEMENTS.barSlider.sliderValue.overlay, optionsSliderData[i].value = Overlays.addOverlay(UI_ELEMENTS.barSlider.sliderValue.overlay,
auxiliaryProperties); auxiliaryProperties);
optionsExtraOverlays.push(optionsSliderData[i].value);
auxiliaryProperties = Object.clone(UI_ELEMENTS.barSlider.sliderRemainder.properties); auxiliaryProperties = Object.clone(UI_ELEMENTS.barSlider.sliderRemainder.properties);
auxiliaryProperties.localPosition = { x: 0, y: (0.5 - (1.0 - value) / 2) * properties.dimensions.y, z: 0 }; auxiliaryProperties.localPosition = { x: 0, y: (0.5 - (1.0 - value) / 2) * properties.dimensions.y, z: 0 };
auxiliaryProperties.dimensions = { auxiliaryProperties.dimensions = {
@ -2110,6 +2126,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
auxiliaryProperties.parentID = optionsOverlays[optionsOverlays.length - 1]; auxiliaryProperties.parentID = optionsOverlays[optionsOverlays.length - 1];
optionsSliderData[i].remainder = Overlays.addOverlay(UI_ELEMENTS.barSlider.sliderRemainder.overlay, optionsSliderData[i].remainder = Overlays.addOverlay(UI_ELEMENTS.barSlider.sliderRemainder.overlay,
auxiliaryProperties); auxiliaryProperties);
optionsExtraOverlays.push(optionsSliderData[i].remainder);
// Zero indicator. // Zero indicator.
childProperties = Object.clone(UI_ELEMENTS.barSlider.zeroIndicator.properties); childProperties = Object.clone(UI_ELEMENTS.barSlider.zeroIndicator.properties);
@ -2124,7 +2141,8 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
z: properties.dimensions.z / 2 + UIT.dimensions.imageOverlayOffset z: properties.dimensions.z / 2 + UIT.dimensions.imageOverlayOffset
}; };
childProperties.parentID = optionsOverlays[optionsOverlays.length - 1]; childProperties.parentID = optionsOverlays[optionsOverlays.length - 1];
Overlays.addOverlay(UI_ELEMENTS.barSlider.zeroIndicator.overlay, childProperties); id = Overlays.addOverlay(UI_ELEMENTS.barSlider.zeroIndicator.overlay, childProperties);
optionsExtraOverlays.push(id);
} }
if (optionsItems[i].type === "imageSlider") { if (optionsItems[i].type === "imageSlider") {
@ -2144,6 +2162,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
childProperties.parentID = optionsOverlays[optionsOverlays.length - 1]; childProperties.parentID = optionsOverlays[optionsOverlays.length - 1];
hsvControl.slider.colorOverlay = Overlays.addOverlay(UI_ELEMENTS.image.overlay, childProperties); hsvControl.slider.colorOverlay = Overlays.addOverlay(UI_ELEMENTS.image.overlay, childProperties);
hsvControl.slider.length = properties.dimensions.y; hsvControl.slider.length = properties.dimensions.y;
optionsExtraOverlays.push(hsvControl.slider.colorOverlay);
} }
// Overlay image. // Overlay image.
@ -2155,7 +2174,8 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
imageOffset += IMAGE_OFFSET; imageOffset += IMAGE_OFFSET;
childProperties.localPosition = { x: 0, y: 0, z: properties.dimensions.z / 2 + imageOffset }; childProperties.localPosition = { x: 0, y: 0, z: properties.dimensions.z / 2 + imageOffset };
childProperties.parentID = optionsOverlays[optionsOverlays.length - 1]; childProperties.parentID = optionsOverlays[optionsOverlays.length - 1];
Overlays.addOverlay(UI_ELEMENTS.image.overlay, childProperties); id = Overlays.addOverlay(UI_ELEMENTS.image.overlay, childProperties);
optionsExtraOverlays.push(id);
} }
// Value pointers. // Value pointers.
@ -2166,12 +2186,14 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
auxiliaryProperties.localPosition = optionsSliderData[i].offset; auxiliaryProperties.localPosition = optionsSliderData[i].offset;
hsvControl.slider.localPosition = auxiliaryProperties.localPosition; hsvControl.slider.localPosition = auxiliaryProperties.localPosition;
auxiliaryProperties.parentID = optionsOverlays[optionsOverlays.length - 1]; auxiliaryProperties.parentID = optionsOverlays[optionsOverlays.length - 1];
optionsSliderData[i].value = Overlays.addOverlay(UI_ELEMENTS.sliderPointer.overlay, auxiliaryProperties); id = optionsSliderData[i].value = Overlays.addOverlay(UI_ELEMENTS.sliderPointer.overlay, auxiliaryProperties);
optionsExtraOverlays.push(id);
hsvControl.slider.pointerOverlay = optionsSliderData[i].value; hsvControl.slider.pointerOverlay = optionsSliderData[i].value;
auxiliaryProperties.localPosition = { x: 0, y: properties.dimensions.x, z: 0 }; auxiliaryProperties.localPosition = { x: 0, y: properties.dimensions.x, z: 0 };
auxiliaryProperties.localRotation = Quat.fromVec3Degrees({ x: 0, y: 0, z: 180 }); auxiliaryProperties.localRotation = Quat.fromVec3Degrees({ x: 0, y: 0, z: 180 });
auxiliaryProperties.parentID = optionsSliderData[i].value; auxiliaryProperties.parentID = optionsSliderData[i].value;
Overlays.addOverlay(UI_ELEMENTS.sliderPointer.overlay, auxiliaryProperties); id = Overlays.addOverlay(UI_ELEMENTS.sliderPointer.overlay, auxiliaryProperties);
optionsExtraOverlays.push(id);
} }
if (optionsItems[i].type === "colorCircle") { if (optionsItems[i].type === "colorCircle") {
@ -2186,7 +2208,8 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
childProperties.localPosition = { x: 0, y: properties.dimensions.y / 2 + imageOffset, z: 0 }; childProperties.localPosition = { x: 0, y: properties.dimensions.y / 2 + imageOffset, z: 0 };
childProperties.localRotation = Quat.fromVec3Degrees({ x: -90, y: 90, z: 0 }); childProperties.localRotation = Quat.fromVec3Degrees({ x: -90, y: 90, z: 0 });
childProperties.parentID = optionsOverlays[optionsOverlays.length - 1]; childProperties.parentID = optionsOverlays[optionsOverlays.length - 1];
Overlays.addOverlay(UI_ELEMENTS.image.overlay, childProperties); id = Overlays.addOverlay(UI_ELEMENTS.image.overlay, childProperties);
optionsExtraOverlays.push(id);
} }
// Overlay image. // Overlay image.
@ -2201,6 +2224,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
childProperties.parentID = optionsOverlays[optionsOverlays.length - 1]; childProperties.parentID = optionsOverlays[optionsOverlays.length - 1];
childProperties.alpha = 0.0; childProperties.alpha = 0.0;
hsvControl.circle.overlay = Overlays.addOverlay(UI_ELEMENTS.image.overlay, childProperties); hsvControl.circle.overlay = Overlays.addOverlay(UI_ELEMENTS.image.overlay, childProperties);
optionsExtraOverlays.push(hsvControl.circle.overlay);
} }
// Value pointers. // Value pointers.
@ -2209,6 +2233,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
optionsColorData[i].offset = optionsColorData[i].offset =
{ x: 0, y: properties.dimensions.y / 2 + imageOffset, z: 0 }; { x: 0, y: properties.dimensions.y / 2 + imageOffset, z: 0 };
auxiliaryProperties = Object.clone(UI_ELEMENTS.sphere.properties); auxiliaryProperties = Object.clone(UI_ELEMENTS.sphere.properties);
auxiliaryProperties.dimensions = CIRCLE_CURSOR_SPHERE_DIMENSIONS;
auxiliaryProperties.localPosition = optionsColorData[i].offset; auxiliaryProperties.localPosition = optionsColorData[i].offset;
auxiliaryProperties.parentID = optionsOverlays[optionsOverlays.length - 1]; auxiliaryProperties.parentID = optionsOverlays[optionsOverlays.length - 1];
auxiliaryProperties.visible = false; auxiliaryProperties.visible = false;
@ -2222,19 +2247,23 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
auxiliaryProperties.localPosition = auxiliaryProperties.localPosition =
{ x: -(auxiliaryProperties.dimensions.x + CIRCLE_CURSOR_GAP) / 2, y: 0, z: 0 }; { x: -(auxiliaryProperties.dimensions.x + CIRCLE_CURSOR_GAP) / 2, y: 0, z: 0 };
auxiliaryProperties.localRotation = Quat.fromVec3Degrees({ x: 0, y: 90, z: -90 }); auxiliaryProperties.localRotation = Quat.fromVec3Degrees({ x: 0, y: 90, z: -90 });
Overlays.addOverlay(UI_ELEMENTS.circlePointer.overlay, auxiliaryProperties); id = Overlays.addOverlay(UI_ELEMENTS.circlePointer.overlay, auxiliaryProperties);
optionsExtraOverlays.push(id);
auxiliaryProperties.localPosition = auxiliaryProperties.localPosition =
{ x: (auxiliaryProperties.dimensions.x + CIRCLE_CURSOR_GAP) / 2, y: 0, z: 0 }; { x: (auxiliaryProperties.dimensions.x + CIRCLE_CURSOR_GAP) / 2, y: 0, z: 0 };
auxiliaryProperties.localRotation = Quat.fromVec3Degrees({ x: 0, y: 0, z: 90 }); auxiliaryProperties.localRotation = Quat.fromVec3Degrees({ x: 0, y: 0, z: 90 });
Overlays.addOverlay(UI_ELEMENTS.circlePointer.overlay, auxiliaryProperties); id = Overlays.addOverlay(UI_ELEMENTS.circlePointer.overlay, auxiliaryProperties);
optionsExtraOverlays.push(id);
auxiliaryProperties.localPosition = auxiliaryProperties.localPosition =
{ x: 0, y: 0, z: -(auxiliaryProperties.dimensions.x + CIRCLE_CURSOR_GAP) / 2 }; { x: 0, y: 0, z: -(auxiliaryProperties.dimensions.x + CIRCLE_CURSOR_GAP) / 2 };
auxiliaryProperties.localRotation = Quat.fromVec3Degrees({ x: 90, y: 0, z: 0 }); auxiliaryProperties.localRotation = Quat.fromVec3Degrees({ x: 90, y: 0, z: 0 });
Overlays.addOverlay(UI_ELEMENTS.circlePointer.overlay, auxiliaryProperties); id = Overlays.addOverlay(UI_ELEMENTS.circlePointer.overlay, auxiliaryProperties);
optionsExtraOverlays.push(id);
auxiliaryProperties.localPosition = auxiliaryProperties.localPosition =
{ x: 0, y: 0, z: (auxiliaryProperties.dimensions.x + CIRCLE_CURSOR_GAP) / 2 }; { x: 0, y: 0, z: (auxiliaryProperties.dimensions.x + CIRCLE_CURSOR_GAP) / 2 };
auxiliaryProperties.localRotation = Quat.fromVec3Degrees({ x: -90, y: 0, z: 0 }); auxiliaryProperties.localRotation = Quat.fromVec3Degrees({ x: -90, y: 0, z: 0 });
Overlays.addOverlay(UI_ELEMENTS.circlePointer.overlay, auxiliaryProperties); id = Overlays.addOverlay(UI_ELEMENTS.circlePointer.overlay, auxiliaryProperties);
optionsExtraOverlays.push(id);
} }
if (optionsItems[i].type === "swatch" && swatchHighlightOverlay === null) { if (optionsItems[i].type === "swatch" && swatchHighlightOverlay === null) {
@ -2271,9 +2300,11 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
optionsOverlaysIDs = []; optionsOverlaysIDs = [];
optionsOverlaysLabels = []; optionsOverlaysLabels = [];
optionsOverlaysSublabels = [];
optionsSliderData = []; optionsSliderData = [];
optionsColorData = []; optionsColorData = [];
optionsEnabled = []; optionsEnabled = [];
optionsExtraOverlays = [];
optionsItems = null; optionsItems = null;
isPicklistOpen = false; isPicklistOpen = false;
@ -2691,6 +2722,46 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
return Math.min(1.0, Math.max(0.0, fraction * 1.01 - 0.005)); return Math.min(1.0, Math.max(0.0, fraction * 1.01 - 0.005));
} }
function setVisible(visible) {
var i,
length;
for (i = 0, length = staticOverlays.length; i < length; i += 1) {
Overlays.editOverlay(staticOverlays[i], { visible: visible });
}
if (isOptionsOpen) {
Overlays.editOverlay(menuHeaderBackOverlay, { visible: visible });
Overlays.editOverlay(menuHeaderIconOverlay, { visible: visible });
for (i = 0, length = optionsOverlays.length; i < length; i += 1) {
Overlays.editOverlay(optionsOverlays[i], { visible: visible });
}
for (i = 0, length = optionsOverlaysLabels.length; i < length; i += 1) {
Overlays.editOverlay(optionsOverlaysLabels[i], { visible: visible });
}
for (i = 0, length = optionsOverlaysSublabels.length; i < length; i += 1) {
Overlays.editOverlay(optionsOverlaysSublabels[i], { visible: visible });
}
for (i = 0, length = optionsExtraOverlays.length; i < length; i += 1) {
Overlays.editOverlay(optionsExtraOverlays[i], { visible: visible });
}
} else {
for (i = 0, length = menuOverlays.length; i < length; i += 1) {
Overlays.editOverlay(menuOverlays[i], { visible: visible });
}
for (i = 0, length = menuLabelOverlays.length; i < length; i += 1) {
Overlays.editOverlay(menuLabelOverlays[i], { visible: visible });
}
if (!visible) {
for (i = 0, length = menuHoverOverlays.length; i < length; i += 1) {
Overlays.editOverlay(menuHoverOverlays[i], { visible: false });
}
}
}
isVisible = visible;
}
function update(intersection, groupsCount, entitiesCount) { function update(intersection, groupsCount, entitiesCount) {
var intersectedItem = NONE, var intersectedItem = NONE,
intersectionItems, intersectionItems,
@ -2754,7 +2825,7 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
scale: optionsHeadingScale scale: optionsHeadingScale
}); });
Overlays.editOverlay(menuHeaderIconOverlay, { Overlays.editOverlay(menuHeaderIconOverlay, {
visible: true visible: isVisible
}); });
isOptionsHeadingRaised = false; isOptionsHeadingRaised = false;
} }
@ -3209,6 +3280,10 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
properties.parentID = menuOriginOverlay; properties.parentID = menuOriginOverlay;
menuPanelOverlay = Overlays.addOverlay("cube", properties); menuPanelOverlay = Overlays.addOverlay("cube", properties);
// Always-visible overlays.
staticOverlays = [menuHeaderOverlay, menuHeaderHeadingOverlay, menuHeaderBarOverlay, menuHeaderTitleOverlay,
menuPanelOverlay];
// Menu items. // Menu items.
openMenu(); openMenu();
@ -3253,7 +3328,11 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
Overlays.deleteOverlay(menuOriginOverlay); // Automatically deletes all other overlays because they're children. Overlays.deleteOverlay(menuOriginOverlay); // Automatically deletes all other overlays because they're children.
menuOverlays = []; menuOverlays = [];
menuHoverOverlays = []; menuHoverOverlays = [];
menuLabelOverlays = [];
optionsOverlays = []; optionsOverlays = [];
optionsOverlaysLabels = [];
optionsOverlaysSublabels = [];
optionsExtraOverlays = [];
isDisplaying = false; isDisplaying = false;
} }
@ -3270,9 +3349,10 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
DELETE_TOOL: DELETE_TOOL, DELETE_TOOL: DELETE_TOOL,
iconInfo: getIconInfo, iconInfo: getIconInfo,
setHand: setHand, setHand: setHand,
entityIDs: getEntityIDs, entityIDs: getEntityIDs, // TODO: Rename to overlayIDs.
clearTool: clearTool, clearTool: clearTool,
doCommand: doCommand, doCommand: doCommand,
setVisible: setVisible,
update: update, update: update,
display: display, display: display,
clear: clear, clear: clear,

44
scripts/vr-edit/vr-edit.js
View file

@ -283,10 +283,14 @@
toolIcon.clear(); toolIcon.clear();
toolsMenu.clear(); toolsMenu.clear();
createPalette.clear(); createPalette.clear();
isDisplaying = false; isDisplaying = false;
} }
function setVisible(visible) {
toolsMenu.setVisible(visible);
createPalette.setVisible(visible);
}
function destroy() { function destroy() {
if (createPalette) { if (createPalette) {
createPalette.destroy(); createPalette.destroy();
@ -313,6 +317,7 @@
PHYSICS_TOOL: toolsMenu.PHYSICS_TOOL, PHYSICS_TOOL: toolsMenu.PHYSICS_TOOL,
DELETE_TOOL: toolsMenu.DELETE_TOOL, DELETE_TOOL: toolsMenu.DELETE_TOOL,
display: display, display: display,
setVisible: setVisible,
updateUIEntities: setUIEntities, updateUIEntities: setUIEntities,
doPickColor: doPickColor, doPickColor: doPickColor,
update: update, update: update,
@ -386,7 +391,8 @@
MIN_SCALE = 0.001, MIN_SCALE = 0.001,
getIntersection, // Function. getIntersection, // Function.
intersection; intersection,
isUIVisible = true;
if (!this instanceof Editor) { if (!this instanceof Editor) {
@ -445,6 +451,27 @@
return rootEntityID; return rootEntityID;
} }
function isCameraOutsideEntity(entityID) {
var cameraPosition,
entityPosition,
pickRay,
PRECISION_PICKING = true,
NO_EXCLUDE_IDS = [],
VISIBLE_ONLY = true,
intersection;
cameraPosition = Camera.position;
entityPosition = Entities.getEntityProperties(entityID, "position").position;
pickRay = {
origin: cameraPosition,
direction: Vec3.normalize(Vec3.subtract(entityPosition, cameraPosition)),
length: Vec3.distance(entityPosition, cameraPosition)
};
intersection = Entities.findRayIntersection(pickRay, PRECISION_PICKING, [entityID], NO_EXCLUDE_IDS, VISIBLE_ONLY);
return intersection.distance < pickRay.length;
}
function startEditing() { function startEditing() {
var selectionPositionAndOrientation; var selectionPositionAndOrientation;
@ -879,7 +906,8 @@
function update() { function update() {
var previousState = editorState, var showUI,
previousState = editorState,
doUpdateState, doUpdateState,
color; color;
@ -887,6 +915,16 @@
isTriggerClicked = hand.triggerClicked(); isTriggerClicked = hand.triggerClicked();
isGripClicked = hand.gripClicked(); isGripClicked = hand.gripClicked();
// Hide UI if hand is intersecting entity and camera is outside entity, or it hand is intersecting stretch handle.
if (dominantHand !== side) {
showUI = !intersection.handIntersected
|| (intersection.entityID !== null && !isCameraOutsideEntity(intersection.entityID));
if (showUI !== isUIVisible) {
isUIVisible = !isUIVisible;
ui.setVisible(isUIVisible);
}
}
// State update. // State update.
switch (editorState) { switch (editorState) {
case EDITOR_IDLE: case EDITOR_IDLE: