topical media & game development
mobile-query-three-plugins-headtrackr-examples-index.htm / htm
<!doctype html><title>Minimal tQuery Page</title>
<script src="../../../build/tquery-bundle-require.js"></script>
<script src="../vendor/headtrackr.js"></script>
<script src="../tquery.headtrackr.js"></script>
<body><script>
// init the world
var world = tQuery.createWorld().boilerplate().start();
world.removeCameraControls();
// create the headTracker
var headTracker = tQuery.createHeadtrackr().debugView(true).start();
// add a cube in the world scene
var object = tQuery.createCube().addTo(world);
// make the camera move depending on facetrackingEvent
headTracker.addEventListener("found", function(event){
object.rotationZ(event.angle)
.positionX(event.x).positionY(event.y)
.scaleX(event.width).scaleY(event.height);
});
// reset headTracker if space is pressed
document.addEventListener('keydown', function(event){
// only if the key is space
if( event.keyCode !== ' '.charCodeAt(0) ) return;
// reset the head tracker
headTracker.reset();
});
</script></body>
(C) Æliens
04/09/2009
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.