super-hands
Version:
All-in-one natural hand controller interaction component for A-Frame.
29 lines (26 loc) • 1.14 kB
HTML
<html>
<head>
<script src="build.js"></script>
</head>
<body>
<a-scene avatar-recorder="spectatorPlay: true; spectatorPosition: 0 1.6 2" physics>
<a-assets>
<!-- <img id="grid" src="grid.png"/> -->
<a-mixin id="controller" super-hands controller-loaded
sphere-collider="objects: .dynamic"
static-body="shape: sphere; sphereRadius: 0.02;"
event-set__hoveron="_event: hover-start; wireframe: false"
event-set__hoveroff="_event: hover-end; wireframe: true">
</a-mixin>
</a-assets>
<a-entity id="lhand" hand-controls="left" mixin="controller"></a-entity>
<a-entity id="rhand" hand-controls="right" mixin="controller"></a-entity>
<a-entity id="target" class="dynamic" position="0 0.15 -0.25"
geometry="primitive:box; width: 1.25; height: 0.1; depth: 0.1;"
material="color: red"
dynamic-body grabbable></a-entity>
<a-plane rotation="-90 0 0" color="#888" static-body
width="50" height="50"></a-plane>
</a-scene>
</body>
</html>