Added Wave Animation (#169)

examples/index.html

@@ -54,6 +54,7 @@ <h1>Animation</h1>
 					<label><input type="radio" id="animation_walk" name="animation" value="walk" /> Walk</label>
 					<label><input type="radio" id="animation_run" name="animation" value="run" /> Run</label>
 					<label><input type="radio" id="animation_fly" name="animation" value="fly" /> Fly</label>
+					<label><input type="radio" id="animation_wave" name="animation" value="wave" /> Wave</label>
 				</div>
 				<label class="control">Speed: <input id="animation_speed" type="number" value="1" step="0.1" size="3" /></label>
 				<button id="animation_pause_resume" type="button" class="control">Pause / Resume</button>

examples/main.ts

@@ -8,6 +8,7 @@ const availableAnimations = {
 	walk: new skinview3d.WalkingAnimation(),
 	run: new skinview3d.RunningAnimation(),
 	fly: new skinview3d.FlyingAnimation(),
+	wave: new skinview3d.WaveAnimation(),
 };
 
 let skinViewer: skinview3d.SkinViewer;

src/animation.ts

@@ -190,3 +190,21 @@ export class FlyingAnimation extends PlayerAnimation {
 		player.elytra.updateRightWing();
 	}
 }
+
+export class WaveAnimation extends PlayerAnimation {
+
+    whichArm: string;
+
+    constructor(whichArm: 'left' | 'right' = 'left') {
+        super();
+        this.whichArm = whichArm;
+    }
+
+    protected animate(player: PlayerObject): void {
+        const t = this.progress * 2 * Math.PI * 0.5;
+
+        const targetArm = this.whichArm === 'left' ? player.skin.leftArm : player.skin.rightArm;
+        targetArm.rotation.x = 180
+        targetArm.rotation.z = Math.sin(t) * 0.5;
+    }
+}