Skip to content

Instantly share code, notes, and snippets.

@TakashiYoshinaga

TakashiYoshinaga/Quest Sample

Last active June 16, 2019 05:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save TakashiYoshinaga/1200da9312459393776f48e584a46c44 to your computer and use it in GitHub Desktop.
Save TakashiYoshinaga/1200da9312459393776f48e584a46c44 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Quest Sample
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello, WebVR! • A-Frame</title>
<meta name="description" content="Hello, WebVR! • A-Frame">
<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
</head>
<body>
<a-scene background="color: #FAFAFA">
<a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9" shadow></a-box>
<a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E" shadow></a-sphere>
<a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D" shadow></a-cylinder>
<a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4" shadow></a-plane>
<a-entity id="ctlL" laser-controls="hand: left"></a-entity>
<a-entity id="ctlR" laser-controls="hand: right"></a-entity>
<a-entity camera look-controls position="0 1.6 0">
<a-text id="txt" value="test" position="0 0 -1" scale="0.5 0.5 0.5" align="center" color="#000000"></a-text>
</a-entity>
</a-scene>
<!--下記を追加-->
<script>
const ctlL = document.getElementById("ctlL");
const ctlR = document.getElementById("ctlR");
const txt = document.getElementById("txt");
//Trigger Pressed
ctlL.addEventListener('triggerdown', function (event) {
txt.setAttribute("value", "Left trigger down");
});
ctlR.addEventListener('triggerdown', function (event) {
txt.setAttribute("value", "Right trigger down");
});
//Trigger Released
ctlL.addEventListener('triggerup', function (event) {
txt.setAttribute("value", "Left trigger up");
});
ctlR.addEventListener('triggerup', function (event) {
txt.setAttribute("value", "Right trigger up");
});
</script>
<!--追加はここまで-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment