123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147 |
- /**
- * @author mrdoob / http://mrdoob.com/
- */
- var APP = {
- Player: function () {
- var loader = new THREE.ObjectLoader();
- var camera, scene, renderer;
- var scripts = {};
- this.dom = undefined;
- this.load = function ( json ) {
- renderer = new THREE.WebGLRenderer( { antialias: true } );
- renderer.setPixelRatio( window.devicePixelRatio );
- camera = loader.parse( json.camera );
- scene = loader.parse( json.scene );
- scripts = {
- init: [],
- keydown: [],
- keyup: [],
- mousedown: [],
- mouseup: [],
- mousemove: [],
- update: []
- };
- for ( var uuid in json.scripts ) {
- var object = scene.getObjectByProperty( 'uuid', uuid, true );
- var sources = json.scripts[ uuid ];
- for ( var i = 0; i < sources.length; i ++ ) {
- var script = sources[ i ];
- script.compiled = new Function( 'event', script.source ).bind( object );
- scripts[ script.event ].push( script.compiled );
- }
- }
- dispatch( scripts.init, {} );
- this.dom = renderer.domElement;
- };
- this.setSize = function ( width, height ) {
- camera.aspect = width / height;
- camera.updateProjectionMatrix();
- renderer.setSize( width, height );
- };
- var dispatch = function ( array, event ) {
- for ( var i = 0, l = array.length; i < l; i ++ ) {
- array[ i ]( event );
- }
- };
- var request;
- var animate = function ( time ) {
- request = requestAnimationFrame( animate );
- dispatch( scripts.update, { time: time } );
- renderer.render( scene, camera );
- };
- this.play = function () {
- document.addEventListener( 'keydown', onDocumentKeyDown );
- document.addEventListener( 'keyup', onDocumentKeyUp );
- document.addEventListener( 'mousedown', onDocumentMouseDown );
- document.addEventListener( 'mouseup', onDocumentMouseUp );
- document.addEventListener( 'mousemove', onDocumentMouseMove );
- request = requestAnimationFrame( animate );
- };
- this.stop = function () {
- document.removeEventListener( 'keydown', onDocumentKeyDown );
- document.removeEventListener( 'keyup', onDocumentKeyUp );
- document.removeEventListener( 'mousedown', onDocumentMouseDown );
- document.removeEventListener( 'mouseup', onDocumentMouseUp );
- document.removeEventListener( 'mousemove', onDocumentMouseMove );
-
- cancelAnimationFrame( request );
- };
- //
- var onDocumentKeyDown = function ( event ) {
- dispatch( scripts.keydown, event );
- };
- var onDocumentKeyUp = function ( event ) {
- dispatch( scripts.keyup, event );
- };
- var onDocumentMouseDown = function ( event ) {
- dispatch( scripts.mousedown, event );
- };
- var onDocumentMouseUp = function ( event ) {
- dispatch( scripts.mouseup, event );
- };
- var onDocumentMouseMove = function ( event ) {
- dispatch( scripts.mousemove, event );
- };
- }
- };
|