PlayCanvasLoader.js 3.7 KB

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