UNPKG

threex

Version:

Game Extensions for three.js http://www.threejsgames.com/extensions/

70 lines (63 loc) 2.02 kB
<!DOCTYPE html> <script src="../../../vendor/three.js/build/three.min.js"></script> <script src='../../threex.loop/threex.loop.js'></script> <script src='../vendor/leap.js'></script> <script src='../threex.leapcontroller.js'></script> <script src='../threex.leapviewerpointable.js'></script> <script src='../threex.leapviewertap.js'></script> <script src='../threex.leapviewerswipe.js'></script> <script src='../threex.leapviewercircle.js'></script> <script src='../threex.leapviewerhandsphere.js'></script> <script src='../threex.leapviewerhandpalm.js'></script> <body style='margin: 0px; background-color: #bbbbbb;overflow: hidden;'><script> var renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); var loop = new THREEx.Loop().start() var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 1000 ); camera.position.z = 3; // init leap controller var controller = new THREEx.LeapController() // listen to raw frame controller.addEventListener('frame', function(frame){ if( frame.valid !== true ) return; //console.log('received valid frame') }) // init pointable viewer new THREEx.LeapViewerPointable({ container : scene, controller : controller }) // init tap viewer new THREEx.LeapViewerTap({ container : scene, controller : controller, loop : loop }) // init swipe viewer new THREEx.LeapViewerSwipe({ container : scene, controller : controller }) // init circle viewer new THREEx.LeapViewerCircle({ container : scene, controller : controller }) // init handsphere viewer new THREEx.LeapViewerHandSphere({ container : scene, controller : controller }) // init handspalm viewer new THREEx.LeapViewerHandPalm({ container : scene, controller : controller }) // render the scene ;(function animate(){ requestAnimationFrame( animate ); renderer.render( scene, camera ); })(); </script></body>