neuman / vreticle

A gaze directed interface for THREE.js with a mouse-like event handling system.

vreticle

A gaze directed interface for THREE.js with an event handling system, live demo available here: http://neuman.github.io/vreticle/ .

This package is intended for use in webvr powered games and applications. Webvr is an upcoming standard for the delivery of virtual reality experiences through the web. However, while the standard develops there are many competing systems that must be supported to reach a wide audience, so vreticle is designed to work seamlessly with the webvr-boilerplate which supports desktop browsers, google cardboard, pure mobile accelerometers, and oculus rift (via firefox and chromium experimental builds).

---

How To

Include vreticle

<script src="js/deps/vreticle.js"></script>

Initialize the reticle by handing it the camera you want it attached to.

//create gaze interaction manager
var reticle = vreticle.Reticle(camera);
scene.add(camera);

Define event handler functions for your THREE.js object.

var cube = new THREE.Mesh(geometry, material);

cube.ongazelong = function(){
  this.material = reticle.get_random_hex_material();
}

cube.ongazeover = function(){
  this.material = reticle.get_random_hex_material();
}

cube.ongazeout = function(){
  this.material = reticle.default_material();
}

Add your THREE.js object to the reticle's collider list!

reticle.add_collider(cube);

And make sure to tick the reticle during your animation loop.

  reticle.reticle_loop();