aframe-gaze-control-component

    1.0.0 • Public • Published

    aframe-gaze-control-component

    Version License

    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-component

    Then require and use.

    require('aframe');
    require('aframe-gaze-control-component');

    Example

    A live example can be found here.

    Install

    npm i aframe-gaze-control-component

    DownloadsWeekly Downloads

    5

    Version

    1.0.0

    License

    MIT

    Last publish

    Collaborators

    • jsimonson
    • ngokevin