feat(model): load color animations

src/lib/model/M2Batch.ts

@@ -12,6 +12,7 @@ class M2Batch {
   #textures: M2Texture[];
   #textureWeightIndex: number;
   #textureTransformIndices: number[];
+  #colorIndex: number;
   #vertexShader: M2_VERTEX_SHADER;
   #fragmentShader: M2_FRAGMENT_SHADER;
 
@@ -24,6 +25,7 @@ class M2Batch {
     textures: M2Texture[],
     textureWeightIndex: number,
     textureTransformIndices: number[],
+    colorIndex: number,
     vertexShader: M2_VERTEX_SHADER,
     fragmentShader: M2_FRAGMENT_SHADER,
   ) {
@@ -35,10 +37,15 @@ class M2Batch {
     this.#textures = textures;
     this.#textureWeightIndex = textureWeightIndex;
     this.#textureTransformIndices = textureTransformIndices;
+    this.#colorIndex = colorIndex;
     this.#vertexShader = vertexShader;
     this.#fragmentShader = fragmentShader;
   }
 
+  get colorIndex() {
+    return this.#colorIndex;
+  }
+
   get flags() {
     return this.#flags;
   }

src/lib/model/M2Model.ts

@@ -2,7 +2,7 @@ import { IoMode, IoSource, openStream } from '@wowserhq/io';
 import * as io from '@wowserhq/io';
 import * as m2Io from './io/m2.js';
 import { M2_MODEL_FLAG } from './const.js';
-import { M2Track, M2TextureTransform, M2TextureWeight } from './types.js';
+import { M2Track, M2TextureTransform, M2TextureWeight, M2Color } from './types.js';
 import M2Texture, { M2_TEXTURE_COMBINER, M2_TEXTURE_COORD } from './M2Texture.js';
 import M2Material from './M2Material.js';
 import { m2typedArray } from './io/common.js';
@@ -25,6 +25,8 @@ class M2Model {
   #textureTransformCombos: number[] = [];
   #textureCombinerCombos: M2_TEXTURE_COMBINER[] = [];
 
+  #colors: M2Color[] = [];
+
   #materials: M2Material[] = [];
   #skinProfileCount: number;
 
@@ -39,6 +41,10 @@ class M2Model {
     return this.#collisionBounds;
   }
 
+  get colors() {
+    return this.#colors;
+  }
+
   get flags() {
     return this.#flags;
   }
@@ -130,6 +136,8 @@ class M2Model {
     this.#textureTransforms = data.textureTransforms;
     this.#textureWeights = data.textureWeights;
 
+    this.#colors = data.colors;
+
     this.#loadMaterials(data);
 
     this.#loadSequences(data);
@@ -171,4 +179,4 @@ class M2Model {
 }
 
 export default M2Model;
-export { M2Model, M2Track, M2TextureWeight, M2TextureTransform, M2_MODEL_FLAG };
+export { M2Model, M2Track, M2Color, M2TextureWeight, M2TextureTransform, M2_MODEL_FLAG };

src/lib/model/M2SkinProfile.ts

@@ -99,6 +99,7 @@ class M2SkinProfile {
         textures,
         textureWeightIndex,
         textureTransformIndices,
+        batchData.colorIndex,
         vertexShader,
         fragmentShader,
       );

src/lib/model/io/m2.ts

@@ -39,7 +39,7 @@ const m2vertex = io.struct({
 
 const m2color = io.struct({
   colorTrack: m2track(io.float32le, 3),
-  alphaTrack: m2track(io.uint16le),
+  alphaTrack: m2track(io.int16le),
 });
 
 const m2texture = io.struct({

src/lib/model/types.ts

@@ -5,6 +5,11 @@ type M2Track<T> = {
   sequenceKeys: T[];
 };
 
+type M2Color = {
+  colorTrack: M2Track<Float32Array>;
+  alphaTrack: M2Track<Int16Array>;
+};
+
 type M2TextureTransform = {
   translationTrack: M2Track<Float32Array>;
   rotationTrack: M2Track<Float32Array>;
@@ -15,4 +20,4 @@ type M2TextureWeight = {
   weightTrack: M2Track<Int16Array>;
 };
 
-export { M2Track, M2TextureTransform, M2TextureWeight };
+export { M2Track, M2Color, M2TextureTransform, M2TextureWeight };