2
0

MD2Loader.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  1. ( function () {
  2. var MD2Loader = function ( manager ) {
  3. THREE.Loader.call( this, manager );
  4. };
  5. MD2Loader.prototype = Object.assign( Object.create( THREE.Loader.prototype ), {
  6. constructor: MD2Loader,
  7. load: function ( url, onLoad, onProgress, onError ) {
  8. var scope = this;
  9. var loader = new THREE.FileLoader( scope.manager );
  10. loader.setPath( scope.path );
  11. loader.setResponseType( 'arraybuffer' );
  12. loader.setRequestHeader( scope.requestHeader );
  13. loader.setWithCredentials( scope.withCredentials );
  14. loader.load( url, function ( buffer ) {
  15. try {
  16. onLoad( scope.parse( buffer ) );
  17. } catch ( e ) {
  18. if ( onError ) {
  19. onError( e );
  20. } else {
  21. console.error( e );
  22. }
  23. scope.manager.itemError( url );
  24. }
  25. }, onProgress, onError );
  26. },
  27. parse: function () {
  28. var normalData = [[ - 0.525731, 0.000000, 0.850651 ], [ - 0.442863, 0.238856, 0.864188 ], [ - 0.295242, 0.000000, 0.955423 ], [ - 0.309017, 0.500000, 0.809017 ], [ - 0.162460, 0.262866, 0.951056 ], [ 0.000000, 0.000000, 1.000000 ], [ 0.000000, 0.850651, 0.525731 ], [ - 0.147621, 0.716567, 0.681718 ], [ 0.147621, 0.716567, 0.681718 ], [ 0.000000, 0.525731, 0.850651 ], [ 0.309017, 0.500000, 0.809017 ], [ 0.525731, 0.000000, 0.850651 ], [ 0.295242, 0.000000, 0.955423 ], [ 0.442863, 0.238856, 0.864188 ], [ 0.162460, 0.262866, 0.951056 ], [ - 0.681718, 0.147621, 0.716567 ], [ - 0.809017, 0.309017, 0.500000 ], [ - 0.587785, 0.425325, 0.688191 ], [ - 0.850651, 0.525731, 0.000000 ], [ - 0.864188, 0.442863, 0.238856 ], [ - 0.716567, 0.681718, 0.147621 ], [ - 0.688191, 0.587785, 0.425325 ], [ - 0.500000, 0.809017, 0.309017 ], [ - 0.238856, 0.864188, 0.442863 ], [ - 0.425325, 0.688191, 0.587785 ], [ - 0.716567, 0.681718, - 0.147621 ], [ - 0.500000, 0.809017, - 0.309017 ], [ - 0.525731, 0.850651, 0.000000 ], [ 0.000000, 0.850651, - 0.525731 ], [ - 0.238856, 0.864188, - 0.442863 ], [ 0.000000, 0.955423, - 0.295242 ], [ - 0.262866, 0.951056, - 0.162460 ], [ 0.000000, 1.000000, 0.000000 ], [ 0.000000, 0.955423, 0.295242 ], [ - 0.262866, 0.951056, 0.162460 ], [ 0.238856, 0.864188, 0.442863 ], [ 0.262866, 0.951056, 0.162460 ], [ 0.500000, 0.809017, 0.309017 ], [ 0.238856, 0.864188, - 0.442863 ], [ 0.262866, 0.951056, - 0.162460 ], [ 0.500000, 0.809017, - 0.309017 ], [ 0.850651, 0.525731, 0.000000 ], [ 0.716567, 0.681718, 0.147621 ], [ 0.716567, 0.681718, - 0.147621 ], [ 0.525731, 0.850651, 0.000000 ], [ 0.425325, 0.688191, 0.587785 ], [ 0.864188, 0.442863, 0.238856 ], [ 0.688191, 0.587785, 0.425325 ], [ 0.809017, 0.309017, 0.500000 ], [ 0.681718, 0.147621, 0.716567 ], [ 0.587785, 0.425325, 0.688191 ], [ 0.955423, 0.295242, 0.000000 ], [ 1.000000, 0.000000, 0.000000 ], [ 0.951056, 0.162460, 0.262866 ], [ 0.850651, - 0.525731, 0.000000 ], [ 0.955423, - 0.295242, 0.000000 ], [ 0.864188, - 0.442863, 0.238856 ], [ 0.951056, - 0.162460, 0.262866 ], [ 0.809017, - 0.309017, 0.500000 ], [ 0.681718, - 0.147621, 0.716567 ], [ 0.850651, 0.000000, 0.525731 ], [ 0.864188, 0.442863, - 0.238856 ], [ 0.809017, 0.309017, - 0.500000 ], [ 0.951056, 0.162460, - 0.262866 ], [ 0.525731, 0.000000, - 0.850651 ], [ 0.681718, 0.147621, - 0.716567 ], [ 0.681718, - 0.147621, - 0.716567 ], [ 0.850651, 0.000000, - 0.525731 ], [ 0.809017, - 0.309017, - 0.500000 ], [ 0.864188, - 0.442863, - 0.238856 ], [ 0.951056, - 0.162460, - 0.262866 ], [ 0.147621, 0.716567, - 0.681718 ], [ 0.309017, 0.500000, - 0.809017 ], [ 0.425325, 0.688191, - 0.587785 ], [ 0.442863, 0.238856, - 0.864188 ], [ 0.587785, 0.425325, - 0.688191 ], [ 0.688191, 0.587785, - 0.425325 ], [ - 0.147621, 0.716567, - 0.681718 ], [ - 0.309017, 0.500000, - 0.809017 ], [ 0.000000, 0.525731, - 0.850651 ], [ - 0.525731, 0.000000, - 0.850651 ], [ - 0.442863, 0.238856, - 0.864188 ], [ - 0.295242, 0.000000, - 0.955423 ], [ - 0.162460, 0.262866, - 0.951056 ], [ 0.000000, 0.000000, - 1.000000 ], [ 0.295242, 0.000000, - 0.955423 ], [ 0.162460, 0.262866, - 0.951056 ], [ - 0.442863, - 0.238856, - 0.864188 ], [ - 0.309017, - 0.500000, - 0.809017 ], [ - 0.162460, - 0.262866, - 0.951056 ], [ 0.000000, - 0.850651, - 0.525731 ], [ - 0.147621, - 0.716567, - 0.681718 ], [ 0.147621, - 0.716567, - 0.681718 ], [ 0.000000, - 0.525731, - 0.850651 ], [ 0.309017, - 0.500000, - 0.809017 ], [ 0.442863, - 0.238856, - 0.864188 ], [ 0.162460, - 0.262866, - 0.951056 ], [ 0.238856, - 0.864188, - 0.442863 ], [ 0.500000, - 0.809017, - 0.309017 ], [ 0.425325, - 0.688191, - 0.587785 ], [ 0.716567, - 0.681718, - 0.147621 ], [ 0.688191, - 0.587785, - 0.425325 ], [ 0.587785, - 0.425325, - 0.688191 ], [ 0.000000, - 0.955423, - 0.295242 ], [ 0.000000, - 1.000000, 0.000000 ], [ 0.262866, - 0.951056, - 0.162460 ], [ 0.000000, - 0.850651, 0.525731 ], [ 0.000000, - 0.955423, 0.295242 ], [ 0.238856, - 0.864188, 0.442863 ], [ 0.262866, - 0.951056, 0.162460 ], [ 0.500000, - 0.809017, 0.309017 ], [ 0.716567, - 0.681718, 0.147621 ], [ 0.525731, - 0.850651, 0.000000 ], [ - 0.238856, - 0.864188, - 0.442863 ], [ - 0.500000, - 0.809017, - 0.309017 ], [ - 0.262866, - 0.951056, - 0.162460 ], [ - 0.850651, - 0.525731, 0.000000 ], [ - 0.716567, - 0.681718, - 0.147621 ], [ - 0.716567, - 0.681718, 0.147621 ], [ - 0.525731, - 0.850651, 0.000000 ], [ - 0.500000, - 0.809017, 0.309017 ], [ - 0.238856, - 0.864188, 0.442863 ], [ - 0.262866, - 0.951056, 0.162460 ], [ - 0.864188, - 0.442863, 0.238856 ], [ - 0.809017, - 0.309017, 0.500000 ], [ - 0.688191, - 0.587785, 0.425325 ], [ - 0.681718, - 0.147621, 0.716567 ], [ - 0.442863, - 0.238856, 0.864188 ], [ - 0.587785, - 0.425325, 0.688191 ], [ - 0.309017, - 0.500000, 0.809017 ], [ - 0.147621, - 0.716567, 0.681718 ], [ - 0.425325, - 0.688191, 0.587785 ], [ - 0.162460, - 0.262866, 0.951056 ], [ 0.442863, - 0.238856, 0.864188 ], [ 0.162460, - 0.262866, 0.951056 ], [ 0.309017, - 0.500000, 0.809017 ], [ 0.147621, - 0.716567, 0.681718 ], [ 0.000000, - 0.525731, 0.850651 ], [ 0.425325, - 0.688191, 0.587785 ], [ 0.587785, - 0.425325, 0.688191 ], [ 0.688191, - 0.587785, 0.425325 ], [ - 0.955423, 0.295242, 0.000000 ], [ - 0.951056, 0.162460, 0.262866 ], [ - 1.000000, 0.000000, 0.000000 ], [ - 0.850651, 0.000000, 0.525731 ], [ - 0.955423, - 0.295242, 0.000000 ], [ - 0.951056, - 0.162460, 0.262866 ], [ - 0.864188, 0.442863, - 0.238856 ], [ - 0.951056, 0.162460, - 0.262866 ], [ - 0.809017, 0.309017, - 0.500000 ], [ - 0.864188, - 0.442863, - 0.238856 ], [ - 0.951056, - 0.162460, - 0.262866 ], [ - 0.809017, - 0.309017, - 0.500000 ], [ - 0.681718, 0.147621, - 0.716567 ], [ - 0.681718, - 0.147621, - 0.716567 ], [ - 0.850651, 0.000000, - 0.525731 ], [ - 0.688191, 0.587785, - 0.425325 ], [ - 0.587785, 0.425325, - 0.688191 ], [ - 0.425325, 0.688191, - 0.587785 ], [ - 0.425325, - 0.688191, - 0.587785 ], [ - 0.587785, - 0.425325, - 0.688191 ], [ - 0.688191, - 0.587785, - 0.425325 ]];
  29. return function ( buffer ) {
  30. var data = new DataView( buffer ); // http://tfc.duke.free.fr/coding/md2-specs-en.html
  31. var header = {};
  32. var headerNames = [ 'ident', 'version', 'skinwidth', 'skinheight', 'framesize', 'num_skins', 'num_vertices', 'num_st', 'num_tris', 'num_glcmds', 'num_frames', 'offset_skins', 'offset_st', 'offset_tris', 'offset_frames', 'offset_glcmds', 'offset_end' ];
  33. for ( var i = 0; i < headerNames.length; i ++ ) {
  34. header[ headerNames[ i ] ] = data.getInt32( i * 4, true );
  35. }
  36. if ( header.ident !== 844121161 || header.version !== 8 ) {
  37. console.error( 'Not a valid MD2 file' );
  38. return;
  39. }
  40. if ( header.offset_end !== data.byteLength ) {
  41. console.error( 'Corrupted MD2 file' );
  42. return;
  43. } //
  44. var geometry = new THREE.BufferGeometry(); // uvs
  45. var uvsTemp = [];
  46. var offset = header.offset_st;
  47. for ( var i = 0, l = header.num_st; i < l; i ++ ) {
  48. var u = data.getInt16( offset + 0, true );
  49. var v = data.getInt16( offset + 2, true );
  50. uvsTemp.push( u / header.skinwidth, 1 - v / header.skinheight );
  51. offset += 4;
  52. } // triangles
  53. offset = header.offset_tris;
  54. var vertexIndices = [];
  55. var uvIndices = [];
  56. for ( var i = 0, l = header.num_tris; i < l; i ++ ) {
  57. vertexIndices.push( data.getUint16( offset + 0, true ), data.getUint16( offset + 2, true ), data.getUint16( offset + 4, true ) );
  58. uvIndices.push( data.getUint16( offset + 6, true ), data.getUint16( offset + 8, true ), data.getUint16( offset + 10, true ) );
  59. offset += 12;
  60. } // frames
  61. var translation = new THREE.Vector3();
  62. var scale = new THREE.Vector3();
  63. var string = [];
  64. var frames = [];
  65. offset = header.offset_frames;
  66. for ( var i = 0, l = header.num_frames; i < l; i ++ ) {
  67. scale.set( data.getFloat32( offset + 0, true ), data.getFloat32( offset + 4, true ), data.getFloat32( offset + 8, true ) );
  68. translation.set( data.getFloat32( offset + 12, true ), data.getFloat32( offset + 16, true ), data.getFloat32( offset + 20, true ) );
  69. offset += 24;
  70. for ( var j = 0; j < 16; j ++ ) {
  71. var character = data.getUint8( offset + j, true );
  72. if ( character === 0 ) break;
  73. string[ j ] = character;
  74. }
  75. var frame = {
  76. name: String.fromCharCode.apply( null, string ),
  77. vertices: [],
  78. normals: []
  79. };
  80. offset += 16;
  81. for ( var j = 0; j < header.num_vertices; j ++ ) {
  82. var x = data.getUint8( offset ++, true );
  83. var y = data.getUint8( offset ++, true );
  84. var z = data.getUint8( offset ++, true );
  85. var n = normalData[ data.getUint8( offset ++, true ) ];
  86. x = x * scale.x + translation.x;
  87. y = y * scale.y + translation.y;
  88. z = z * scale.z + translation.z;
  89. frame.vertices.push( x, z, y ); // convert to Y-up
  90. frame.normals.push( n[ 0 ], n[ 2 ], n[ 1 ] ); // convert to Y-up
  91. }
  92. frames.push( frame );
  93. } // static
  94. var positions = [];
  95. var normals = [];
  96. var uvs = [];
  97. var verticesTemp = frames[ 0 ].vertices;
  98. var normalsTemp = frames[ 0 ].normals;
  99. for ( var i = 0, l = vertexIndices.length; i < l; i ++ ) {
  100. var vertexIndex = vertexIndices[ i ];
  101. var stride = vertexIndex * 3; //
  102. var x = verticesTemp[ stride ];
  103. var y = verticesTemp[ stride + 1 ];
  104. var z = verticesTemp[ stride + 2 ];
  105. positions.push( x, y, z ); //
  106. var nx = normalsTemp[ stride ];
  107. var ny = normalsTemp[ stride + 1 ];
  108. var nz = normalsTemp[ stride + 2 ];
  109. normals.push( nx, ny, nz ); //
  110. var uvIndex = uvIndices[ i ];
  111. stride = uvIndex * 2;
  112. var u = uvsTemp[ stride ];
  113. var v = uvsTemp[ stride + 1 ];
  114. uvs.push( u, v );
  115. }
  116. geometry.setAttribute( 'position', new THREE.Float32BufferAttribute( positions, 3 ) );
  117. geometry.setAttribute( 'normal', new THREE.Float32BufferAttribute( normals, 3 ) );
  118. geometry.setAttribute( 'uv', new THREE.Float32BufferAttribute( uvs, 2 ) ); // animation
  119. var morphPositions = [];
  120. var morphNormals = [];
  121. for ( var i = 0, l = frames.length; i < l; i ++ ) {
  122. var frame = frames[ i ];
  123. var attributeName = frame.name;
  124. if ( frame.vertices.length > 0 ) {
  125. var positions = [];
  126. for ( var j = 0, jl = vertexIndices.length; j < jl; j ++ ) {
  127. var vertexIndex = vertexIndices[ j ];
  128. var stride = vertexIndex * 3;
  129. var x = frame.vertices[ stride ];
  130. var y = frame.vertices[ stride + 1 ];
  131. var z = frame.vertices[ stride + 2 ];
  132. positions.push( x, y, z );
  133. }
  134. var positionAttribute = new THREE.Float32BufferAttribute( positions, 3 );
  135. positionAttribute.name = attributeName;
  136. morphPositions.push( positionAttribute );
  137. }
  138. if ( frame.normals.length > 0 ) {
  139. var normals = [];
  140. for ( var j = 0, jl = vertexIndices.length; j < jl; j ++ ) {
  141. var vertexIndex = vertexIndices[ j ];
  142. var stride = vertexIndex * 3;
  143. var nx = frame.normals[ stride ];
  144. var ny = frame.normals[ stride + 1 ];
  145. var nz = frame.normals[ stride + 2 ];
  146. normals.push( nx, ny, nz );
  147. }
  148. var normalAttribute = new THREE.Float32BufferAttribute( normals, 3 );
  149. normalAttribute.name = attributeName;
  150. morphNormals.push( normalAttribute );
  151. }
  152. }
  153. geometry.morphAttributes.position = morphPositions;
  154. geometry.morphAttributes.normal = morphNormals;
  155. geometry.morphTargetsRelative = false;
  156. geometry.animations = THREE.AnimationClip.CreateClipsFromMorphTargetSequences( frames, 10 );
  157. return geometry;
  158. };
  159. }()
  160. } );
  161. THREE.MD2Loader = MD2Loader;
  162. } )();