aframe-gaze-control-component
v1.0.0
Published
Look control that interprets gaze data as input.
Downloads
9
Readme
aframe-gaze-control-component
Look control that interprets gaze data as input.
Usage
Usage requires Node.JS as well as Firefox.
- clone the repository:
git clone https://github.com/jsimonson2013/aframe-gaze-component.git - navigate to the root:
cd aframe-gaze-component - install packages:
npm install - run the application:
npm run start
For A-Frame.
API
Create an event
var event = new CustomEvent('gazemove', {
detail: {
'x': gaze_x,
'y': gaze_y,
},
bubbles: true,
cancelable: true
});
event.initEvent('gazemove', true, true);Then dispatch to sceneEl.canvas every time the gaze moves
if(data != null){
event.detail.x = data.x;
event.detail.y = data.y;
canvasEl.dispatchEvent(event);
}Installation
Browser
Install and use by directly including the browser files:
<head>
<title>My A-Frame Scene</title>
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-gaze-control-component/dist/aframe-gaze-control-component.min.js"></script>
</head>
<body>
<a-scene>
<a-entity gaze-control=""></a-entity>
</a-scene>
</body>npm
Install via npm:
npm install aframe-gaze-control-componentThen require and use.
require('aframe');
require('aframe-gaze-control-component');Example
A live example can be found here.