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:
My A-Frame Scene
npm
Install via npm:
npm install aframe-gaze-control-component
Then require and use.
;;
Example
A live example can be found here.