MD2Loader.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. THREE.MD2Loader = function ( manager ) {
  5. this.manager = ( manager !== undefined ) ? manager : THREE.DefaultLoadingManager;
  6. };
  7. THREE.MD2Loader.prototype = {
  8. constructor: THREE.MD2Loader,
  9. load: function ( url, onLoad, onProgress, onError ) {
  10. var scope = this;
  11. var loader = new THREE.XHRLoader( scope.manager );
  12. loader.setCrossOrigin( this.crossOrigin );
  13. loader.setResponseType( 'arraybuffer' );
  14. loader.load( url, function ( buffer ) {
  15. onLoad( scope.parse( buffer ) );
  16. }, onProgress, onError );
  17. },
  18. setCrossOrigin: function ( value ) {
  19. this.crossOrigin = value;
  20. },
  21. parse: ( function () {
  22. var normals = [
  23. [ -0.525731, 0.000000, 0.850651 ], [ -0.442863, 0.238856, 0.864188 ],
  24. [ -0.295242, 0.000000, 0.955423 ], [ -0.309017, 0.500000, 0.809017 ],
  25. [ -0.162460, 0.262866, 0.951056 ], [ 0.000000, 0.000000, 1.000000 ],
  26. [ 0.000000, 0.850651, 0.525731 ], [ -0.147621, 0.716567, 0.681718 ],
  27. [ 0.147621, 0.716567, 0.681718 ], [ 0.000000, 0.525731, 0.850651 ],
  28. [ 0.309017, 0.500000, 0.809017 ], [ 0.525731, 0.000000, 0.850651 ],
  29. [ 0.295242, 0.000000, 0.955423 ], [ 0.442863, 0.238856, 0.864188 ],
  30. [ 0.162460, 0.262866, 0.951056 ], [ -0.681718, 0.147621, 0.716567 ],
  31. [ -0.809017, 0.309017, 0.500000 ], [ -0.587785, 0.425325, 0.688191 ],
  32. [ -0.850651, 0.525731, 0.000000 ], [ -0.864188, 0.442863, 0.238856 ],
  33. [ -0.716567, 0.681718, 0.147621 ], [ -0.688191, 0.587785, 0.425325 ],
  34. [ -0.500000, 0.809017, 0.309017 ], [ -0.238856, 0.864188, 0.442863 ],
  35. [ -0.425325, 0.688191, 0.587785 ], [ -0.716567, 0.681718, -0.147621 ],
  36. [ -0.500000, 0.809017, -0.309017 ], [ -0.525731, 0.850651, 0.000000 ],
  37. [ 0.000000, 0.850651, -0.525731 ], [ -0.238856, 0.864188, -0.442863 ],
  38. [ 0.000000, 0.955423, -0.295242 ], [ -0.262866, 0.951056, -0.162460 ],
  39. [ 0.000000, 1.000000, 0.000000 ], [ 0.000000, 0.955423, 0.295242 ],
  40. [ -0.262866, 0.951056, 0.162460 ], [ 0.238856, 0.864188, 0.442863 ],
  41. [ 0.262866, 0.951056, 0.162460 ], [ 0.500000, 0.809017, 0.309017 ],
  42. [ 0.238856, 0.864188, -0.442863 ], [ 0.262866, 0.951056, -0.162460 ],
  43. [ 0.500000, 0.809017, -0.309017 ], [ 0.850651, 0.525731, 0.000000 ],
  44. [ 0.716567, 0.681718, 0.147621 ], [ 0.716567, 0.681718, -0.147621 ],
  45. [ 0.525731, 0.850651, 0.000000 ], [ 0.425325, 0.688191, 0.587785 ],
  46. [ 0.864188, 0.442863, 0.238856 ], [ 0.688191, 0.587785, 0.425325 ],
  47. [ 0.809017, 0.309017, 0.500000 ], [ 0.681718, 0.147621, 0.716567 ],
  48. [ 0.587785, 0.425325, 0.688191 ], [ 0.955423, 0.295242, 0.000000 ],
  49. [ 1.000000, 0.000000, 0.000000 ], [ 0.951056, 0.162460, 0.262866 ],
  50. [ 0.850651, -0.525731, 0.000000 ], [ 0.955423, -0.295242, 0.000000 ],
  51. [ 0.864188, -0.442863, 0.238856 ], [ 0.951056, -0.162460, 0.262866 ],
  52. [ 0.809017, -0.309017, 0.500000 ], [ 0.681718, -0.147621, 0.716567 ],
  53. [ 0.850651, 0.000000, 0.525731 ], [ 0.864188, 0.442863, -0.238856 ],
  54. [ 0.809017, 0.309017, -0.500000 ], [ 0.951056, 0.162460, -0.262866 ],
  55. [ 0.525731, 0.000000, -0.850651 ], [ 0.681718, 0.147621, -0.716567 ],
  56. [ 0.681718, -0.147621, -0.716567 ], [ 0.850651, 0.000000, -0.525731 ],
  57. [ 0.809017, -0.309017, -0.500000 ], [ 0.864188, -0.442863, -0.238856 ],
  58. [ 0.951056, -0.162460, -0.262866 ], [ 0.147621, 0.716567, -0.681718 ],
  59. [ 0.309017, 0.500000, -0.809017 ], [ 0.425325, 0.688191, -0.587785 ],
  60. [ 0.442863, 0.238856, -0.864188 ], [ 0.587785, 0.425325, -0.688191 ],
  61. [ 0.688191, 0.587785, -0.425325 ], [ -0.147621, 0.716567, -0.681718 ],
  62. [ -0.309017, 0.500000, -0.809017 ], [ 0.000000, 0.525731, -0.850651 ],
  63. [ -0.525731, 0.000000, -0.850651 ], [ -0.442863, 0.238856, -0.864188 ],
  64. [ -0.295242, 0.000000, -0.955423 ], [ -0.162460, 0.262866, -0.951056 ],
  65. [ 0.000000, 0.000000, -1.000000 ], [ 0.295242, 0.000000, -0.955423 ],
  66. [ 0.162460, 0.262866, -0.951056 ], [ -0.442863, -0.238856, -0.864188 ],
  67. [ -0.309017, -0.500000, -0.809017 ], [ -0.162460, -0.262866, -0.951056 ],
  68. [ 0.000000, -0.850651, -0.525731 ], [ -0.147621, -0.716567, -0.681718 ],
  69. [ 0.147621, -0.716567, -0.681718 ], [ 0.000000, -0.525731, -0.850651 ],
  70. [ 0.309017, -0.500000, -0.809017 ], [ 0.442863, -0.238856, -0.864188 ],
  71. [ 0.162460, -0.262866, -0.951056 ], [ 0.238856, -0.864188, -0.442863 ],
  72. [ 0.500000, -0.809017, -0.309017 ], [ 0.425325, -0.688191, -0.587785 ],
  73. [ 0.716567, -0.681718, -0.147621 ], [ 0.688191, -0.587785, -0.425325 ],
  74. [ 0.587785, -0.425325, -0.688191 ], [ 0.000000, -0.955423, -0.295242 ],
  75. [ 0.000000, -1.000000, 0.000000 ], [ 0.262866, -0.951056, -0.162460 ],
  76. [ 0.000000, -0.850651, 0.525731 ], [ 0.000000, -0.955423, 0.295242 ],
  77. [ 0.238856, -0.864188, 0.442863 ], [ 0.262866, -0.951056, 0.162460 ],
  78. [ 0.500000, -0.809017, 0.309017 ], [ 0.716567, -0.681718, 0.147621 ],
  79. [ 0.525731, -0.850651, 0.000000 ], [ -0.238856, -0.864188, -0.442863 ],
  80. [ -0.500000, -0.809017, -0.309017 ], [ -0.262866, -0.951056, -0.162460 ],
  81. [ -0.850651, -0.525731, 0.000000 ], [ -0.716567, -0.681718, -0.147621 ],
  82. [ -0.716567, -0.681718, 0.147621 ], [ -0.525731, -0.850651, 0.000000 ],
  83. [ -0.500000, -0.809017, 0.309017 ], [ -0.238856, -0.864188, 0.442863 ],
  84. [ -0.262866, -0.951056, 0.162460 ], [ -0.864188, -0.442863, 0.238856 ],
  85. [ -0.809017, -0.309017, 0.500000 ], [ -0.688191, -0.587785, 0.425325 ],
  86. [ -0.681718, -0.147621, 0.716567 ], [ -0.442863, -0.238856, 0.864188 ],
  87. [ -0.587785, -0.425325, 0.688191 ], [ -0.309017, -0.500000, 0.809017 ],
  88. [ -0.147621, -0.716567, 0.681718 ], [ -0.425325, -0.688191, 0.587785 ],
  89. [ -0.162460, -0.262866, 0.951056 ], [ 0.442863, -0.238856, 0.864188 ],
  90. [ 0.162460, -0.262866, 0.951056 ], [ 0.309017, -0.500000, 0.809017 ],
  91. [ 0.147621, -0.716567, 0.681718 ], [ 0.000000, -0.525731, 0.850651 ],
  92. [ 0.425325, -0.688191, 0.587785 ], [ 0.587785, -0.425325, 0.688191 ],
  93. [ 0.688191, -0.587785, 0.425325 ], [ -0.955423, 0.295242, 0.000000 ],
  94. [ -0.951056, 0.162460, 0.262866 ], [ -1.000000, 0.000000, 0.000000 ],
  95. [ -0.850651, 0.000000, 0.525731 ], [ -0.955423, -0.295242, 0.000000 ],
  96. [ -0.951056, -0.162460, 0.262866 ], [ -0.864188, 0.442863, -0.238856 ],
  97. [ -0.951056, 0.162460, -0.262866 ], [ -0.809017, 0.309017, -0.500000 ],
  98. [ -0.864188, -0.442863, -0.238856 ], [ -0.951056, -0.162460, -0.262866 ],
  99. [ -0.809017, -0.309017, -0.500000 ], [ -0.681718, 0.147621, -0.716567 ],
  100. [ -0.681718, -0.147621, -0.716567 ], [ -0.850651, 0.000000, -0.525731 ],
  101. [ -0.688191, 0.587785, -0.425325 ], [ -0.587785, 0.425325, -0.688191 ],
  102. [ -0.425325, 0.688191, -0.587785 ], [ -0.425325, -0.688191, -0.587785 ],
  103. [ -0.587785, -0.425325, -0.688191 ], [ -0.688191, -0.587785, -0.425325 ]
  104. ];
  105. return function ( buffer ) {
  106. console.time( 'MD2Loader' );
  107. var data = new DataView( buffer );
  108. // http://tfc.duke.free.fr/coding/md2-specs-en.html
  109. var header = {};
  110. var headerNames = [
  111. 'ident', 'version',
  112. 'skinwidth', 'skinheight',
  113. 'framesize',
  114. 'num_skins', 'num_vertices', 'num_st', 'num_tris', 'num_glcmds', 'num_frames',
  115. 'offset_skins', 'offset_st', 'offset_tris', 'offset_frames', 'offset_glcmds', 'offset_end'
  116. ];
  117. for ( var i = 0; i < headerNames.length; i ++ ) {
  118. header[ headerNames[ i ] ] = data.getInt32( i * 4, true );
  119. }
  120. if ( header.ident !== 844121161 || header.version !== 8 ) {
  121. console.error( 'Not a valid MD2 file' );
  122. return;
  123. }
  124. if ( header.offset_end !== data.byteLength ) {
  125. console.error( 'Corrupted MD2 file' );
  126. return;
  127. }
  128. //
  129. var geometry = new THREE.Geometry();
  130. // uvs
  131. var uvs = [];
  132. var offset = header.offset_st;
  133. for ( var i = 0, l = header.num_st; i < l; i ++ ) {
  134. var u = data.getInt16( offset + 0, true );
  135. var v = data.getInt16( offset + 2, true );
  136. uvs.push( new THREE.Vector2( u / header.skinwidth, 1 - ( v / header.skinheight ) ) );
  137. offset += 4;
  138. }
  139. // triangles
  140. var offset = header.offset_tris;
  141. for ( var i = 0, l = header.num_tris; i < l; i ++ ) {
  142. var a = data.getUint16( offset + 0, true );
  143. var b = data.getUint16( offset + 2, true );
  144. var c = data.getUint16( offset + 4, true );
  145. geometry.faces.push( new THREE.Face3( a, b, c ) );
  146. geometry.faceVertexUvs[ 0 ].push( [
  147. uvs[ data.getUint16( offset + 6, true ) ],
  148. uvs[ data.getUint16( offset + 8, true ) ],
  149. uvs[ data.getUint16( offset + 10, true ) ]
  150. ] );
  151. offset += 12;
  152. }
  153. // frames
  154. var translation = new THREE.Vector3();
  155. var scale = new THREE.Vector3();
  156. var string = [];
  157. var offset = header.offset_frames;
  158. for ( var i = 0, l = header.num_frames; i < l; i ++ ) {
  159. scale.set(
  160. data.getFloat32( offset + 0, true ),
  161. data.getFloat32( offset + 4, true ),
  162. data.getFloat32( offset + 8, true )
  163. );
  164. translation.set(
  165. data.getFloat32( offset + 12, true ),
  166. data.getFloat32( offset + 16, true ),
  167. data.getFloat32( offset + 20, true )
  168. );
  169. offset += 24;
  170. for ( var j = 0; j < 16; j ++ ) {
  171. var character = data.getUint8( offset + j, true );
  172. if( character === 0 ) break;
  173. string[ j ] = character;
  174. }
  175. var frame = {
  176. name: String.fromCharCode.apply( null, string ),
  177. vertices: [],
  178. normals: []
  179. };
  180. offset += 16;
  181. for ( var j = 0; j < header.num_vertices; j ++ ) {
  182. var x = data.getUint8( offset ++, true );
  183. var y = data.getUint8( offset ++, true );
  184. var z = data.getUint8( offset ++, true );
  185. var n = normals[ data.getUint8( offset ++, true ) ];
  186. var vertex = new THREE.Vector3(
  187. x * scale.x + translation.x,
  188. z * scale.z + translation.z,
  189. y * scale.y + translation.y
  190. );
  191. var normal = new THREE.Vector3( n[ 0 ], n[ 2 ], n[ 1 ] );
  192. frame.vertices.push( vertex );
  193. frame.normals.push( normal );
  194. }
  195. geometry.morphTargets.push( frame );
  196. }
  197. // Static
  198. geometry.vertices = geometry.morphTargets[ 0 ].vertices;
  199. var morphTarget = geometry.morphTargets[ 0 ];
  200. for ( var j = 0, jl = geometry.faces.length; j < jl; j ++ ) {
  201. var face = geometry.faces[ j ];
  202. face.vertexNormals = [
  203. morphTarget.normals[ face.a ],
  204. morphTarget.normals[ face.b ],
  205. morphTarget.normals[ face.c ]
  206. ];
  207. }
  208. // Convert to geometry.morphNormals
  209. for ( var i = 0, l = geometry.morphTargets.length; i < l; i ++ ) {
  210. var morphTarget = geometry.morphTargets[ i ];
  211. var vertexNormals = [];
  212. for ( var j = 0, jl = geometry.faces.length; j < jl; j ++ ) {
  213. var face = geometry.faces[ j ];
  214. vertexNormals.push( {
  215. a: morphTarget.normals[ face.a ],
  216. b: morphTarget.normals[ face.b ],
  217. c: morphTarget.normals[ face.c ]
  218. } );
  219. }
  220. geometry.morphNormals.push( { vertexNormals: vertexNormals } );
  221. }
  222. geometry.animations = THREE.AnimationClip.CreateClipsFromMorphTargetSequences( geometry.morphTargets, 10 )
  223. console.timeEnd( 'MD2Loader' );
  224. return geometry;
  225. }
  226. } )()
  227. }