MD2Loader.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397
  1. console.warn( "THREE.MD2Loader: As part of the transition to ES6 Modules, the files in 'examples/js' were deprecated in May 2020 (r117) and will be deleted in December 2020 (r124). You can find more information about developing using ES6 Modules in https://threejs.org/docs/#manual/en/introduction/Installation." );
  2. /**
  3. * @author mrdoob / http://mrdoob.com/
  4. */
  5. THREE.MD2Loader = function ( manager ) {
  6. THREE.Loader.call( this, manager );
  7. };
  8. THREE.MD2Loader.prototype = Object.assign( Object.create( THREE.Loader.prototype ), {
  9. constructor: THREE.MD2Loader,
  10. load: function ( url, onLoad, onProgress, onError ) {
  11. var scope = this;
  12. var loader = new THREE.FileLoader( scope.manager );
  13. loader.setPath( scope.path );
  14. loader.setResponseType( 'arraybuffer' );
  15. loader.setRequestHeader( scope.requestHeader );
  16. loader.load( url, function ( buffer ) {
  17. try {
  18. onLoad( scope.parse( buffer ) );
  19. } catch ( e ) {
  20. if ( onError ) {
  21. onError( e );
  22. } else {
  23. console.error( e );
  24. }
  25. scope.manager.itemError( url );
  26. }
  27. }, onProgress, onError );
  28. },
  29. parse: ( function () {
  30. var normalData = [
  31. [ - 0.525731, 0.000000, 0.850651 ], [ - 0.442863, 0.238856, 0.864188 ],
  32. [ - 0.295242, 0.000000, 0.955423 ], [ - 0.309017, 0.500000, 0.809017 ],
  33. [ - 0.162460, 0.262866, 0.951056 ], [ 0.000000, 0.000000, 1.000000 ],
  34. [ 0.000000, 0.850651, 0.525731 ], [ - 0.147621, 0.716567, 0.681718 ],
  35. [ 0.147621, 0.716567, 0.681718 ], [ 0.000000, 0.525731, 0.850651 ],
  36. [ 0.309017, 0.500000, 0.809017 ], [ 0.525731, 0.000000, 0.850651 ],
  37. [ 0.295242, 0.000000, 0.955423 ], [ 0.442863, 0.238856, 0.864188 ],
  38. [ 0.162460, 0.262866, 0.951056 ], [ - 0.681718, 0.147621, 0.716567 ],
  39. [ - 0.809017, 0.309017, 0.500000 ], [ - 0.587785, 0.425325, 0.688191 ],
  40. [ - 0.850651, 0.525731, 0.000000 ], [ - 0.864188, 0.442863, 0.238856 ],
  41. [ - 0.716567, 0.681718, 0.147621 ], [ - 0.688191, 0.587785, 0.425325 ],
  42. [ - 0.500000, 0.809017, 0.309017 ], [ - 0.238856, 0.864188, 0.442863 ],
  43. [ - 0.425325, 0.688191, 0.587785 ], [ - 0.716567, 0.681718, - 0.147621 ],
  44. [ - 0.500000, 0.809017, - 0.309017 ], [ - 0.525731, 0.850651, 0.000000 ],
  45. [ 0.000000, 0.850651, - 0.525731 ], [ - 0.238856, 0.864188, - 0.442863 ],
  46. [ 0.000000, 0.955423, - 0.295242 ], [ - 0.262866, 0.951056, - 0.162460 ],
  47. [ 0.000000, 1.000000, 0.000000 ], [ 0.000000, 0.955423, 0.295242 ],
  48. [ - 0.262866, 0.951056, 0.162460 ], [ 0.238856, 0.864188, 0.442863 ],
  49. [ 0.262866, 0.951056, 0.162460 ], [ 0.500000, 0.809017, 0.309017 ],
  50. [ 0.238856, 0.864188, - 0.442863 ], [ 0.262866, 0.951056, - 0.162460 ],
  51. [ 0.500000, 0.809017, - 0.309017 ], [ 0.850651, 0.525731, 0.000000 ],
  52. [ 0.716567, 0.681718, 0.147621 ], [ 0.716567, 0.681718, - 0.147621 ],
  53. [ 0.525731, 0.850651, 0.000000 ], [ 0.425325, 0.688191, 0.587785 ],
  54. [ 0.864188, 0.442863, 0.238856 ], [ 0.688191, 0.587785, 0.425325 ],
  55. [ 0.809017, 0.309017, 0.500000 ], [ 0.681718, 0.147621, 0.716567 ],
  56. [ 0.587785, 0.425325, 0.688191 ], [ 0.955423, 0.295242, 0.000000 ],
  57. [ 1.000000, 0.000000, 0.000000 ], [ 0.951056, 0.162460, 0.262866 ],
  58. [ 0.850651, - 0.525731, 0.000000 ], [ 0.955423, - 0.295242, 0.000000 ],
  59. [ 0.864188, - 0.442863, 0.238856 ], [ 0.951056, - 0.162460, 0.262866 ],
  60. [ 0.809017, - 0.309017, 0.500000 ], [ 0.681718, - 0.147621, 0.716567 ],
  61. [ 0.850651, 0.000000, 0.525731 ], [ 0.864188, 0.442863, - 0.238856 ],
  62. [ 0.809017, 0.309017, - 0.500000 ], [ 0.951056, 0.162460, - 0.262866 ],
  63. [ 0.525731, 0.000000, - 0.850651 ], [ 0.681718, 0.147621, - 0.716567 ],
  64. [ 0.681718, - 0.147621, - 0.716567 ], [ 0.850651, 0.000000, - 0.525731 ],
  65. [ 0.809017, - 0.309017, - 0.500000 ], [ 0.864188, - 0.442863, - 0.238856 ],
  66. [ 0.951056, - 0.162460, - 0.262866 ], [ 0.147621, 0.716567, - 0.681718 ],
  67. [ 0.309017, 0.500000, - 0.809017 ], [ 0.425325, 0.688191, - 0.587785 ],
  68. [ 0.442863, 0.238856, - 0.864188 ], [ 0.587785, 0.425325, - 0.688191 ],
  69. [ 0.688191, 0.587785, - 0.425325 ], [ - 0.147621, 0.716567, - 0.681718 ],
  70. [ - 0.309017, 0.500000, - 0.809017 ], [ 0.000000, 0.525731, - 0.850651 ],
  71. [ - 0.525731, 0.000000, - 0.850651 ], [ - 0.442863, 0.238856, - 0.864188 ],
  72. [ - 0.295242, 0.000000, - 0.955423 ], [ - 0.162460, 0.262866, - 0.951056 ],
  73. [ 0.000000, 0.000000, - 1.000000 ], [ 0.295242, 0.000000, - 0.955423 ],
  74. [ 0.162460, 0.262866, - 0.951056 ], [ - 0.442863, - 0.238856, - 0.864188 ],
  75. [ - 0.309017, - 0.500000, - 0.809017 ], [ - 0.162460, - 0.262866, - 0.951056 ],
  76. [ 0.000000, - 0.850651, - 0.525731 ], [ - 0.147621, - 0.716567, - 0.681718 ],
  77. [ 0.147621, - 0.716567, - 0.681718 ], [ 0.000000, - 0.525731, - 0.850651 ],
  78. [ 0.309017, - 0.500000, - 0.809017 ], [ 0.442863, - 0.238856, - 0.864188 ],
  79. [ 0.162460, - 0.262866, - 0.951056 ], [ 0.238856, - 0.864188, - 0.442863 ],
  80. [ 0.500000, - 0.809017, - 0.309017 ], [ 0.425325, - 0.688191, - 0.587785 ],
  81. [ 0.716567, - 0.681718, - 0.147621 ], [ 0.688191, - 0.587785, - 0.425325 ],
  82. [ 0.587785, - 0.425325, - 0.688191 ], [ 0.000000, - 0.955423, - 0.295242 ],
  83. [ 0.000000, - 1.000000, 0.000000 ], [ 0.262866, - 0.951056, - 0.162460 ],
  84. [ 0.000000, - 0.850651, 0.525731 ], [ 0.000000, - 0.955423, 0.295242 ],
  85. [ 0.238856, - 0.864188, 0.442863 ], [ 0.262866, - 0.951056, 0.162460 ],
  86. [ 0.500000, - 0.809017, 0.309017 ], [ 0.716567, - 0.681718, 0.147621 ],
  87. [ 0.525731, - 0.850651, 0.000000 ], [ - 0.238856, - 0.864188, - 0.442863 ],
  88. [ - 0.500000, - 0.809017, - 0.309017 ], [ - 0.262866, - 0.951056, - 0.162460 ],
  89. [ - 0.850651, - 0.525731, 0.000000 ], [ - 0.716567, - 0.681718, - 0.147621 ],
  90. [ - 0.716567, - 0.681718, 0.147621 ], [ - 0.525731, - 0.850651, 0.000000 ],
  91. [ - 0.500000, - 0.809017, 0.309017 ], [ - 0.238856, - 0.864188, 0.442863 ],
  92. [ - 0.262866, - 0.951056, 0.162460 ], [ - 0.864188, - 0.442863, 0.238856 ],
  93. [ - 0.809017, - 0.309017, 0.500000 ], [ - 0.688191, - 0.587785, 0.425325 ],
  94. [ - 0.681718, - 0.147621, 0.716567 ], [ - 0.442863, - 0.238856, 0.864188 ],
  95. [ - 0.587785, - 0.425325, 0.688191 ], [ - 0.309017, - 0.500000, 0.809017 ],
  96. [ - 0.147621, - 0.716567, 0.681718 ], [ - 0.425325, - 0.688191, 0.587785 ],
  97. [ - 0.162460, - 0.262866, 0.951056 ], [ 0.442863, - 0.238856, 0.864188 ],
  98. [ 0.162460, - 0.262866, 0.951056 ], [ 0.309017, - 0.500000, 0.809017 ],
  99. [ 0.147621, - 0.716567, 0.681718 ], [ 0.000000, - 0.525731, 0.850651 ],
  100. [ 0.425325, - 0.688191, 0.587785 ], [ 0.587785, - 0.425325, 0.688191 ],
  101. [ 0.688191, - 0.587785, 0.425325 ], [ - 0.955423, 0.295242, 0.000000 ],
  102. [ - 0.951056, 0.162460, 0.262866 ], [ - 1.000000, 0.000000, 0.000000 ],
  103. [ - 0.850651, 0.000000, 0.525731 ], [ - 0.955423, - 0.295242, 0.000000 ],
  104. [ - 0.951056, - 0.162460, 0.262866 ], [ - 0.864188, 0.442863, - 0.238856 ],
  105. [ - 0.951056, 0.162460, - 0.262866 ], [ - 0.809017, 0.309017, - 0.500000 ],
  106. [ - 0.864188, - 0.442863, - 0.238856 ], [ - 0.951056, - 0.162460, - 0.262866 ],
  107. [ - 0.809017, - 0.309017, - 0.500000 ], [ - 0.681718, 0.147621, - 0.716567 ],
  108. [ - 0.681718, - 0.147621, - 0.716567 ], [ - 0.850651, 0.000000, - 0.525731 ],
  109. [ - 0.688191, 0.587785, - 0.425325 ], [ - 0.587785, 0.425325, - 0.688191 ],
  110. [ - 0.425325, 0.688191, - 0.587785 ], [ - 0.425325, - 0.688191, - 0.587785 ],
  111. [ - 0.587785, - 0.425325, - 0.688191 ], [ - 0.688191, - 0.587785, - 0.425325 ]
  112. ];
  113. return function ( buffer ) {
  114. var data = new DataView( buffer );
  115. // http://tfc.duke.free.fr/coding/md2-specs-en.html
  116. var header = {};
  117. var headerNames = [
  118. 'ident', 'version',
  119. 'skinwidth', 'skinheight',
  120. 'framesize',
  121. 'num_skins', 'num_vertices', 'num_st', 'num_tris', 'num_glcmds', 'num_frames',
  122. 'offset_skins', 'offset_st', 'offset_tris', 'offset_frames', 'offset_glcmds', 'offset_end'
  123. ];
  124. for ( var i = 0; i < headerNames.length; i ++ ) {
  125. header[ headerNames[ i ] ] = data.getInt32( i * 4, true );
  126. }
  127. if ( header.ident !== 844121161 || header.version !== 8 ) {
  128. console.error( 'Not a valid MD2 file' );
  129. return;
  130. }
  131. if ( header.offset_end !== data.byteLength ) {
  132. console.error( 'Corrupted MD2 file' );
  133. return;
  134. }
  135. //
  136. var geometry = new THREE.BufferGeometry();
  137. // uvs
  138. var uvsTemp = [];
  139. var offset = header.offset_st;
  140. for ( var i = 0, l = header.num_st; i < l; i ++ ) {
  141. var u = data.getInt16( offset + 0, true );
  142. var v = data.getInt16( offset + 2, true );
  143. uvsTemp.push( u / header.skinwidth, 1 - ( v / header.skinheight ) );
  144. offset += 4;
  145. }
  146. // triangles
  147. offset = header.offset_tris;
  148. var vertexIndices = [];
  149. var uvIndices = [];
  150. for ( var i = 0, l = header.num_tris; i < l; i ++ ) {
  151. vertexIndices.push(
  152. data.getUint16( offset + 0, true ),
  153. data.getUint16( offset + 2, true ),
  154. data.getUint16( offset + 4, true )
  155. );
  156. uvIndices.push(
  157. data.getUint16( offset + 6, true ),
  158. data.getUint16( offset + 8, true ),
  159. data.getUint16( offset + 10, true )
  160. );
  161. offset += 12;
  162. }
  163. // frames
  164. var translation = new THREE.Vector3();
  165. var scale = new THREE.Vector3();
  166. var string = [];
  167. var frames = [];
  168. offset = header.offset_frames;
  169. for ( var i = 0, l = header.num_frames; i < l; i ++ ) {
  170. scale.set(
  171. data.getFloat32( offset + 0, true ),
  172. data.getFloat32( offset + 4, true ),
  173. data.getFloat32( offset + 8, true )
  174. );
  175. translation.set(
  176. data.getFloat32( offset + 12, true ),
  177. data.getFloat32( offset + 16, true ),
  178. data.getFloat32( offset + 20, true )
  179. );
  180. offset += 24;
  181. for ( var j = 0; j < 16; j ++ ) {
  182. var character = data.getUint8( offset + j, true );
  183. if ( character === 0 ) break;
  184. string[ j ] = character;
  185. }
  186. var frame = {
  187. name: String.fromCharCode.apply( null, string ),
  188. vertices: [],
  189. normals: []
  190. };
  191. offset += 16;
  192. for ( var j = 0; j < header.num_vertices; j ++ ) {
  193. var x = data.getUint8( offset ++, true );
  194. var y = data.getUint8( offset ++, true );
  195. var z = data.getUint8( offset ++, true );
  196. var n = normalData[ data.getUint8( offset ++, true ) ];
  197. x = x * scale.x + translation.x;
  198. y = y * scale.y + translation.y;
  199. z = z * scale.z + translation.z;
  200. frame.vertices.push( x, z, y ); // convert to Y-up
  201. frame.normals.push( n[ 0 ], n[ 2 ], n[ 1 ] ); // convert to Y-up
  202. }
  203. frames.push( frame );
  204. }
  205. // static
  206. var positions = [];
  207. var normals = [];
  208. var uvs = [];
  209. var verticesTemp = frames[ 0 ].vertices;
  210. var normalsTemp = frames[ 0 ].normals;
  211. for ( var i = 0, l = vertexIndices.length; i < l; i ++ ) {
  212. var vertexIndex = vertexIndices[ i ];
  213. var stride = vertexIndex * 3;
  214. //
  215. var x = verticesTemp[ stride ];
  216. var y = verticesTemp[ stride + 1 ];
  217. var z = verticesTemp[ stride + 2 ];
  218. positions.push( x, y, z );
  219. //
  220. var nx = normalsTemp[ stride ];
  221. var ny = normalsTemp[ stride + 1 ];
  222. var nz = normalsTemp[ stride + 2 ];
  223. normals.push( nx, ny, nz );
  224. //
  225. var uvIndex = uvIndices[ i ];
  226. stride = uvIndex * 2;
  227. var u = uvsTemp[ stride ];
  228. var v = uvsTemp[ stride + 1 ];
  229. uvs.push( u, v );
  230. }
  231. geometry.setAttribute( 'position', new THREE.Float32BufferAttribute( positions, 3 ) );
  232. geometry.setAttribute( 'normal', new THREE.Float32BufferAttribute( normals, 3 ) );
  233. geometry.setAttribute( 'uv', new THREE.Float32BufferAttribute( uvs, 2 ) );
  234. // animation
  235. var morphPositions = [];
  236. var morphNormals = [];
  237. for ( var i = 0, l = frames.length; i < l; i ++ ) {
  238. var frame = frames[ i ];
  239. var attributeName = frame.name;
  240. if ( frame.vertices.length > 0 ) {
  241. var positions = [];
  242. for ( var j = 0, jl = vertexIndices.length; j < jl; j ++ ) {
  243. var vertexIndex = vertexIndices[ j ];
  244. var stride = vertexIndex * 3;
  245. var x = frame.vertices[ stride ];
  246. var y = frame.vertices[ stride + 1 ];
  247. var z = frame.vertices[ stride + 2 ];
  248. positions.push( x, y, z );
  249. }
  250. var positionAttribute = new THREE.Float32BufferAttribute( positions, 3 );
  251. positionAttribute.name = attributeName;
  252. morphPositions.push( positionAttribute );
  253. }
  254. if ( frame.normals.length > 0 ) {
  255. var normals = [];
  256. for ( var j = 0, jl = vertexIndices.length; j < jl; j ++ ) {
  257. var vertexIndex = vertexIndices[ j ];
  258. var stride = vertexIndex * 3;
  259. var nx = frame.normals[ stride ];
  260. var ny = frame.normals[ stride + 1 ];
  261. var nz = frame.normals[ stride + 2 ];
  262. normals.push( nx, ny, nz );
  263. }
  264. var normalAttribute = new THREE.Float32BufferAttribute( normals, 3 );
  265. normalAttribute.name = attributeName;
  266. morphNormals.push( normalAttribute );
  267. }
  268. }
  269. geometry.morphAttributes.position = morphPositions;
  270. geometry.morphAttributes.normal = morphNormals;
  271. geometry.morphTargetsRelative = false;
  272. geometry.animations = THREE.AnimationClip.CreateClipsFromMorphTargetSequences( frames, 10 );
  273. return geometry;
  274. };
  275. } )()
  276. } );