app.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. var APP = {
  5. Player: function () {
  6. var loader = new THREE.ObjectLoader();
  7. var camera, scene, renderer;
  8. var scripts = {};
  9. this.dom = undefined;
  10. this.load = function ( json ) {
  11. renderer = new THREE.WebGLRenderer( { antialias: true } );
  12. renderer.setPixelRatio( window.devicePixelRatio );
  13. camera = loader.parse( json.camera );
  14. scene = loader.parse( json.scene );
  15. scripts = {
  16. keydown: [],
  17. keyup: [],
  18. mousedown: [],
  19. mouseup: [],
  20. mousemove: [],
  21. update: []
  22. };
  23. for ( var uuid in json.scripts ) {
  24. var object = scene.getObjectByProperty( 'uuid', uuid, true );
  25. var sources = json.scripts[ uuid ];
  26. for ( var i = 0; i < sources.length; i ++ ) {
  27. var script = sources[ i ];
  28. var events = ( new Function( 'player', 'scene', 'keydown', 'keyup', 'mousedown', 'mouseup', 'mousemove', 'update', script.source + '\nreturn { keydown: keydown, keyup: keyup, mousedown: mousedown, mouseup: mouseup, mousemove: mousemove, update: update };' ).bind( object ) )( this, scene );
  29. for ( var name in events ) {
  30. if ( events[ name ] === undefined ) continue;
  31. if ( scripts[ name ] === undefined ) {
  32. console.warn( 'APP.Player: event type not supported (', name, ')' );
  33. continue;
  34. }
  35. scripts[ name ].push( events[ name ].bind( object ) );
  36. }
  37. }
  38. }
  39. this.dom = renderer.domElement;
  40. };
  41. this.setCamera = function ( newCamera ) {
  42. if ( camera !== undefined ) {
  43. newCamera.aspect = camera.aspect;
  44. newCamera.updateProjectionMatrix();
  45. }
  46. camera = newCamera;
  47. };
  48. this.setSize = function ( width, height ) {
  49. camera.aspect = width / height;
  50. camera.updateProjectionMatrix();
  51. renderer.setSize( width, height );
  52. };
  53. var dispatch = function ( array, event ) {
  54. for ( var i = 0, l = array.length; i < l; i ++ ) {
  55. array[ i ]( event );
  56. }
  57. };
  58. var request;
  59. var animate = function ( time ) {
  60. request = requestAnimationFrame( animate );
  61. dispatch( scripts.update, { time: time } );
  62. renderer.render( scene, camera );
  63. };
  64. this.play = function () {
  65. document.addEventListener( 'keydown', onDocumentKeyDown );
  66. document.addEventListener( 'keyup', onDocumentKeyUp );
  67. document.addEventListener( 'mousedown', onDocumentMouseDown );
  68. document.addEventListener( 'mouseup', onDocumentMouseUp );
  69. document.addEventListener( 'mousemove', onDocumentMouseMove );
  70. request = requestAnimationFrame( animate );
  71. };
  72. this.stop = function () {
  73. document.removeEventListener( 'keydown', onDocumentKeyDown );
  74. document.removeEventListener( 'keyup', onDocumentKeyUp );
  75. document.removeEventListener( 'mousedown', onDocumentMouseDown );
  76. document.removeEventListener( 'mouseup', onDocumentMouseUp );
  77. document.removeEventListener( 'mousemove', onDocumentMouseMove );
  78. cancelAnimationFrame( request );
  79. };
  80. //
  81. var onDocumentKeyDown = function ( event ) {
  82. dispatch( scripts.keydown, event );
  83. };
  84. var onDocumentKeyUp = function ( event ) {
  85. dispatch( scripts.keyup, event );
  86. };
  87. var onDocumentMouseDown = function ( event ) {
  88. dispatch( scripts.mousedown, event );
  89. };
  90. var onDocumentMouseUp = function ( event ) {
  91. dispatch( scripts.mouseup, event );
  92. };
  93. var onDocumentMouseMove = function ( event ) {
  94. dispatch( scripts.mousemove, event );
  95. };
  96. }
  97. };