// pointer.js // examples // // Created by Seth Alves on May 15th // Modified by Eric Levin on June 4 // Persist toolbar by HRS 6/11/15. // Copyright 2015 High Fidelity, Inc. // // Provides a pointer with option to draw on surfaces // // Distributed under the Apache License, Version 2.0. // See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html var lineEntityID = null; var sphereEntityID = null; var lineIsRezzed = false; var BUTTON_SIZE = 32; var PADDING = 3; var buttonOffColor = { red: 250, green: 10, blue: 10 }; var buttonOnColor = { red: 10, green: 200, blue: 100 }; var userCanPoint = false; Script.include(["libraries/toolBars.js"]); var toolBar = new ToolBar(0, 0, ToolBar.HORIZONTAL, "highfidelity.pointer.toolbar", function (screenSize) { return {x: screenSize.x / 2 - BUTTON_SIZE * 2 + PADDING, y: screenSize.y - (BUTTON_SIZE + PADDING)}, }); var pointerButton = toolBar.addOverlay("image", { width: BUTTON_SIZE, height: BUTTON_SIZE, imageURL: Script.getExternalPath(Script.ExternalPaths.Assets, "images/laser.png"), color: buttonOffColor, alpha: 1 }); function nearLinePoint(targetPosition) { var handPosition = MyAvatar.getRightPalmPosition(); var along = Vec3.subtract(targetPosition, handPosition); along = Vec3.normalize(along); along = Vec3.multiply(along, 0.4); return Vec3.sum(handPosition, along); } function removeLine() { if (lineIsRezzed) { Entities.deleteEntity(lineEntityID); if (sphereEntityID) { Entities.deleteEntity(sphereEntityID); } lineEntityID = null; sphereEntityID = null; lineIsRezzed = false; } } function createOrUpdateLine(event) { var pickRay = Camera.computePickRay(event.x, event.y); if (sphereEntityID) { Entities.deleteEntity(sphereEntityID); sphereEntityID = null; } var intersection = Entities.findRayIntersection(pickRay, true); // accurate picking var props = Entities.getEntityProperties(intersection.entityID); if (intersection.intersects && userCanPoint) { var points = [Vec3.subtract(nearLinePoint(intersection.intersection), MyAvatar.position), Vec3.subtract(intersection.intersection, MyAvatar.position)]; if (lineIsRezzed) { Entities.editEntity(lineEntityID, { linePoints: points, position: MyAvatar.position, lifetime: 15 + props.lifespan // renew lifetime }); } else { lineIsRezzed = true; lineEntityID = Entities.addEntity({ type: "Line", position: MyAvatar.position, linePoints: points, dimensions: { x: 100, y: 100, z: 100 }, color: { red: 255, green: 255, blue: 255 }, lifetime: 15 // if someone crashes while pointing, don't leave the line there forever. }); } sphereEntityID = Entities.addEntity({ type: "Sphere", position: intersection.intersection, collisionless: 1, dimensions: { x: 0.6, y: 0.6, z: 0.6 }, color: { red: 0, green: 255, blue: 0 }, lifetime: 15 // if someone crashes while pointing, don't leave the line there forever. }); } else { removeLine(); } } function mousePressEvent(event) { if (!event.isLeftButton) { return; } var clickedOverlay = Overlays.getOverlayAtPoint({ x: event.x, y: event.y }); if (clickedOverlay == pointerButton) { userCanPoint = !userCanPoint; if (userCanPoint === true) { Overlays.editOverlay(pointerButton, { color: buttonOnColor }); } else { Overlays.editOverlay(pointerButton, { color: buttonOffColor }); } } } function mouseMoveEvent(event) { createOrUpdateLine(event); } function mouseReleaseEvent(event) { if (!event.isLeftButton) { return; } removeLine(); } function cleanup() { Overlays.deleteOverlay(pointerButton); } Script.scriptEnding.connect(cleanup); Controller.mouseMoveEvent.connect(mouseMoveEvent); Controller.mousePressEvent.connect(mousePressEvent); Controller.mouseReleaseEvent.connect(mouseReleaseEvent);