PlayCanvasLoader.js 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. * @author Mugen87 / https://github.com/Mugen87
  4. */
  5. import {
  6. BufferGeometry,
  7. DefaultLoadingManager,
  8. Euler,
  9. FileLoader,
  10. Float32BufferAttribute,
  11. Group,
  12. Mesh,
  13. MeshPhongMaterial,
  14. Uint16BufferAttribute,
  15. Uint8BufferAttribute
  16. } from "../../../build/three.module.js";
  17. var PlayCanvasLoader = function ( manager ) {
  18. this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager;
  19. };
  20. PlayCanvasLoader.prototype = {
  21. constructor: PlayCanvasLoader,
  22. load: function ( url, onLoad, onProgress, onError ) {
  23. var scope = this;
  24. var loader = new FileLoader( scope.manager );
  25. loader.setPath( scope.path );
  26. loader.load( url, function ( text ) {
  27. onLoad( scope.parse( JSON.parse( text ) ) );
  28. }, onProgress, onError );
  29. },
  30. setPath: function ( value ) {
  31. this.path = value;
  32. return this;
  33. },
  34. parse: function ( json ) {
  35. function parseVertices( data ) {
  36. var attributes = {};
  37. // create a buffer attribute for each array that contains vertex information
  38. for ( var name in data ) {
  39. var array = data[ name ];
  40. var type = array.type;
  41. var size = array.components;
  42. var attribute;
  43. switch ( type ) {
  44. case 'float32':
  45. attribute = new Float32BufferAttribute( array.data, size );
  46. break;
  47. case 'uint8':
  48. attribute = new Uint8BufferAttribute( array.data, size );
  49. break;
  50. case 'uint16':
  51. attribute = new Uint16BufferAttribute( array.data, size );
  52. break;
  53. default:
  54. console.log( 'THREE.PlayCanvasLoader: Array type "%s" not yet supported.', type );
  55. }
  56. attributes[ name ] = attribute;
  57. }
  58. data._attributes = attributes;
  59. }
  60. function parseMeshes( data ) {
  61. // create buffer geometry
  62. var geometry = new BufferGeometry();
  63. geometry.setIndex( data.indices );
  64. var attributes = model.vertices[ data.vertices ]._attributes;
  65. for ( var name in attributes ) {
  66. var attribute = attributes[ name ];
  67. if ( name === 'texCoord0' ) name = 'uv';
  68. geometry.addAttribute( name, attribute );
  69. }
  70. data._geometry = geometry;
  71. }
  72. function parseMeshInstances( data ) {
  73. var node = model.nodes[ data.node ];
  74. var mesh = model.meshes[ data.mesh ];
  75. if ( node._geometries === undefined ) {
  76. node._geometries = [];
  77. }
  78. node._geometries.push( mesh._geometry );
  79. }
  80. function parseNodes( data ) {
  81. var object = new Group();
  82. var geometries = data._geometries;
  83. if ( geometries !== undefined ) {
  84. var material = new MeshPhongMaterial();
  85. for ( var i = 0, l = geometries.length; i < l; i ++ ) {
  86. var geometry = geometries[ i ];
  87. object.add( new Mesh( geometry, material ) );
  88. }
  89. }
  90. for ( var i = 0, l = data.rotation.length; i < l; i ++ ) {
  91. data.rotation[ i ] *= Math.PI / 180;
  92. }
  93. //
  94. object.name = data.name;
  95. object.position.fromArray( data.position );
  96. object.quaternion.setFromEuler( new Euler().fromArray( data.rotation ) );
  97. object.scale.fromArray( data.scale );
  98. data._object = object;
  99. }
  100. //
  101. var model = json.model;
  102. for ( var i = 0, l = model.vertices.length; i < l; i ++ ) {
  103. parseVertices( model.vertices[ i ] );
  104. }
  105. for ( var i = 0, l = model.meshes.length; i < l; i ++ ) {
  106. parseMeshes( model.meshes[ i ] );
  107. }
  108. for ( var i = 0, l = model.meshInstances.length; i < l; i ++ ) {
  109. parseMeshInstances( model.meshInstances[ i ] );
  110. }
  111. for ( var i = 0, l = model.nodes.length; i < l; i ++ ) {
  112. parseNodes( model.nodes[ i ] );
  113. }
  114. // setup scene hierarchy
  115. for ( var i = 0, l = model.parents.length; i < l; i ++ ) {
  116. var parent = model.parents[ i ];
  117. if ( parent === - 1 ) continue;
  118. model.nodes[ parent ]._object.add( model.nodes[ i ]._object );
  119. }
  120. return model.nodes[ 0 ]._object;
  121. }
  122. };
  123. export { PlayCanvasLoader };