<!DOCTYPE html>
<html>
<head>
<title>Interactions - 14 - Pinch gesture</title>
<script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-environment-component/dist/aframe-environment-component.min.js"></script>
<script src="https://unpkg.com/aframe-event-set-component/dist/aframe-event-set-component.min.js"></script>
<script src="https://aframe-course.glitch.me/examples/pinchable.js"></script>
</head>
<body>
<a-scene>
<a-entity environment="preset: goldmine; dressingAmount: 20"></a-entity>
<a-box
pinchable
event-set__pinchedstarted="color: lightblue"
event-set__pinchedended="color: blue"
event-set__click="color: yellow"
scale="0.1 0.1 0.1"
position="0 1 -0.5"
color="red"
></a-box>
<a-entity id="leftHand" hand-tracking-controls="hand: left;"></a-entity>
<a-entity
id="rightHand"
laser-controls="hand: right;"
hand-tracking-controls="hand: right;"
>
</a-entity>
<a-camera> </a-camera>
</a-scene>
</body>
</html>