From b8bbde4e7b4c880e6ac40f62f85f046bb482a4f2 Mon Sep 17 00:00:00 2001
From: yushijinhun <yushijinhun@gmail.com>
Date: Mon, 27 Jan 2020 19:11:19 +0800
Subject: [PATCH] update

---
 index.html                    |    2 +-
 js/dist/animation.d.ts        |   37 -
 js/dist/model.d.ts            |   34 -
 js/dist/orbit_controls.d.ts   |  123 ----
 js/dist/revision              |    2 +-
 js/dist/skinview3d.d.ts       |    5 -
 js/dist/skinview3d.js         | 1306 ---------------------------------
 js/dist/skinview3d.min.js     |   23 +-
 js/dist/skinview3d.min.js.map |    1 +
 js/dist/skinview3d.module.js  | 1285 --------------------------------
 js/dist/utils.d.ts            |    3 -
 js/dist/viewer.d.ts           |   46 --
 update-codebase.sh            |    2 +-
 13 files changed, 6 insertions(+), 2863 deletions(-)
 delete mode 100644 js/dist/animation.d.ts
 delete mode 100644 js/dist/model.d.ts
 delete mode 100644 js/dist/orbit_controls.d.ts
 delete mode 100644 js/dist/skinview3d.d.ts
 delete mode 100644 js/dist/skinview3d.js
 create mode 100644 js/dist/skinview3d.min.js.map
 delete mode 100644 js/dist/skinview3d.module.js
 delete mode 100644 js/dist/utils.d.ts
 delete mode 100644 js/dist/viewer.d.ts

diff --git a/index.html b/index.html
index 24245ab..ed4aec9 100644
--- a/index.html
+++ b/index.html
@@ -128,7 +128,7 @@
 		</div>
 	</div>
 	<script type="text/javascript" src="https://unpkg.com/three@0.112.1/build/three.min.js"></script>
-	<script type="text/javascript" src="js/dist/skinview3d.js"></script>
+	<script type="text/javascript" src="js/dist/skinview3d.min.js"></script>
 	<script type="text/javascript" src="js/example.js"></script>
 	<script>
 		initSkinViewer();
diff --git a/js/dist/animation.d.ts b/js/dist/animation.d.ts
deleted file mode 100644
index 65da0c6..0000000
--- a/js/dist/animation.d.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Clock } from "three";
-import { PlayerObject } from "./model";
-export interface IAnimation {
-    play(player: PlayerObject, time: number): void;
-}
-export declare type AnimationFn = (player: PlayerObject, time: number) => void;
-export declare type Animation = AnimationFn | IAnimation;
-export declare function invokeAnimation(animation: Animation, player: PlayerObject, time: number): void;
-export interface AnimationHandle {
-    speed: number;
-    paused: boolean;
-    progress: number;
-    readonly animation: Animation;
-    reset(): void;
-}
-export interface SubAnimationHandle extends AnimationHandle {
-    remove(): void;
-    resetAndRemove(): void;
-}
-export declare class CompositeAnimation implements IAnimation {
-    readonly handles: Set<AnimationHandle & IAnimation>;
-    add(animation: Animation): AnimationHandle;
-    play(player: PlayerObject, time: number): void;
-}
-export declare class RootAnimation extends CompositeAnimation implements AnimationHandle {
-    speed: number;
-    progress: number;
-    readonly clock: Clock;
-    get animation(): this;
-    get paused(): boolean;
-    set paused(value: boolean);
-    runAnimationLoop(player: PlayerObject): void;
-    reset(): void;
-}
-export declare const WalkingAnimation: Animation;
-export declare const RunningAnimation: Animation;
-export declare const RotatingAnimation: Animation;
diff --git a/js/dist/model.d.ts b/js/dist/model.d.ts
deleted file mode 100644
index 0a5fdf7..0000000
--- a/js/dist/model.d.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Group, Mesh, MeshBasicMaterial, Object3D } from "three";
-/**
- * Notice that innerLayer and outerLayer may NOT be the direct children of the Group.
- */
-export declare class BodyPart extends Group {
-    readonly innerLayer: Object3D;
-    readonly outerLayer: Object3D;
-    constructor(innerLayer: Object3D, outerLayer: Object3D);
-}
-export declare class SkinObject extends Group {
-    readonly head: BodyPart;
-    readonly body: BodyPart;
-    readonly rightArm: BodyPart;
-    readonly leftArm: BodyPart;
-    readonly rightLeg: BodyPart;
-    readonly leftLeg: BodyPart;
-    private modelListeners;
-    private _slim;
-    constructor(layer1Material: MeshBasicMaterial, layer2Material: MeshBasicMaterial);
-    get slim(): boolean;
-    set slim(value: boolean);
-    private getBodyParts;
-    setInnerLayerVisible(value: boolean): void;
-    setOuterLayerVisible(value: boolean): void;
-}
-export declare class CapeObject extends Group {
-    readonly cape: Mesh;
-    constructor(capeMaterial: MeshBasicMaterial);
-}
-export declare class PlayerObject extends Group {
-    readonly skin: SkinObject;
-    readonly cape: CapeObject;
-    constructor(layer1Material: MeshBasicMaterial, layer2Material: MeshBasicMaterial, capeMaterial: MeshBasicMaterial);
-}
diff --git a/js/dist/orbit_controls.d.ts b/js/dist/orbit_controls.d.ts
deleted file mode 100644
index b043e5f..0000000
--- a/js/dist/orbit_controls.d.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { Camera, EventDispatcher, MOUSE, Vector3 } from "three";
-import { SkinViewer } from "./viewer";
-export declare class OrbitControls extends EventDispatcher {
-    /**
-     * @preserve
-     * The code was originally from https://github.com/mrdoob/three.js/blob/d45a042cf962e9b1aa9441810ba118647b48aacb/examples/js/controls/OrbitControls.js
-     */
-    /**
-     * @license
-     * Copyright (C) 2010-2017 three.js authors
-     *
-     * Permission is hereby granted, free of charge, to any person obtaining a copy
-     * of this software and associated documentation files (the "Software"), to deal
-     * in the Software without restriction, including without limitation the rights
-     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-     * copies of the Software, and to permit persons to whom the Software is
-     * furnished to do so, subject to the following conditions:
-     *
-     * The above copyright notice and this permission notice shall be included in
-     * all copies or substantial portions of the Software.
-     *
-     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-     * THE SOFTWARE.
-     *
-     *
-     * @author qiao / https://github.com/qiao
-     * @author mrdoob / http://mrdoob.com
-     * @author alteredq / http://alteredqualia.com/
-     * @author WestLangley / http://github.com/WestLangley
-     * @author erich666 / http://erichaines.com
-     */
-    object: Camera;
-    domElement: HTMLElement | HTMLDocument;
-    window: Window;
-    enabled: boolean;
-    target: Vector3;
-    enableZoom: boolean;
-    zoomSpeed: number;
-    minDistance: number;
-    maxDistance: number;
-    enableRotate: boolean;
-    rotateSpeed: number;
-    enablePan: boolean;
-    keyPanSpeed: number;
-    autoRotate: boolean;
-    autoRotateSpeed: number;
-    minZoom: number;
-    maxZoom: number;
-    minPolarAngle: number;
-    maxPolarAngle: number;
-    minAzimuthAngle: number;
-    maxAzimuthAngle: number;
-    enableKeys: boolean;
-    keys: {
-        LEFT: number;
-        UP: number;
-        RIGHT: number;
-        BOTTOM: number;
-    };
-    mouseButtons: {
-        ORBIT: MOUSE;
-        ZOOM: MOUSE;
-        PAN: MOUSE;
-    };
-    enableDamping: boolean;
-    dampingFactor: number;
-    private spherical;
-    private sphericalDelta;
-    private scale;
-    private target0;
-    private position0;
-    private zoom0;
-    private state;
-    private panOffset;
-    private zoomChanged;
-    private rotateStart;
-    private rotateEnd;
-    private rotateDelta;
-    private panStart;
-    private panEnd;
-    private panDelta;
-    private dollyStart;
-    private dollyEnd;
-    private dollyDelta;
-    private updateLastPosition;
-    private updateOffset;
-    private updateQuat;
-    private updateLastQuaternion;
-    private updateQuatInverse;
-    private panLeftV;
-    private panUpV;
-    private panInternalOffset;
-    private onContextMenu;
-    private onMouseUp;
-    private onMouseDown;
-    private onMouseMove;
-    private onMouseWheel;
-    private onTouchStart;
-    private onTouchEnd;
-    private onTouchMove;
-    private onKeyDown;
-    constructor(object: Camera, domElement?: HTMLElement, domWindow?: Window);
-    update(): boolean;
-    panLeft(distance: number, objectMatrix: any): void;
-    panUp(distance: number, objectMatrix: any): void;
-    pan(deltaX: number, deltaY: number): void;
-    dollyIn(dollyScale: any): void;
-    dollyOut(dollyScale: any): void;
-    getAutoRotationAngle(): number;
-    getZoomScale(): number;
-    rotateLeft(angle: number): void;
-    rotateUp(angle: number): void;
-    getPolarAngle(): number;
-    getAzimuthalAngle(): number;
-    dispose(): void;
-    reset(): void;
-}
-export declare function createOrbitControls(skinViewer: SkinViewer): OrbitControls;
diff --git a/js/dist/revision b/js/dist/revision
index 36b1243..8da7243 100644
--- a/js/dist/revision
+++ b/js/dist/revision
@@ -1 +1 @@
-add0c04c7345524e6a950f6707ee991f00b6d15c
+0cddbd51a893ec8b937dd431e0cdb14428e6375a
diff --git a/js/dist/skinview3d.d.ts b/js/dist/skinview3d.d.ts
deleted file mode 100644
index 9282c05..0000000
--- a/js/dist/skinview3d.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export { SkinObject, BodyPart, CapeObject, PlayerObject } from "./model";
-export { SkinViewer, SkinViewerOptions } from "./viewer";
-export { OrbitControls, createOrbitControls } from "./orbit_controls";
-export { IAnimation, AnimationFn, Animation, invokeAnimation, SubAnimationHandle, AnimationHandle, CompositeAnimation, RootAnimation, WalkingAnimation, RunningAnimation, RotatingAnimation } from "./animation";
-export { isSlimSkin } from "./utils";
diff --git a/js/dist/skinview3d.js b/js/dist/skinview3d.js
deleted file mode 100644
index 585eca1..0000000
--- a/js/dist/skinview3d.js
+++ /dev/null
@@ -1,1306 +0,0 @@
-/**
- * skinview3d (https://github.com/bs-community/skinview3d)
- *
- * MIT License
- */
-
-(function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('three')) :
-	typeof define === 'function' && define.amd ? define(['exports', 'three'], factory) :
-	(global = global || self, factory(global.skinview3d = {}, global.THREE));
-}(this, (function (exports, three) { 'use strict';
-
-	/*! *****************************************************************************
-	Copyright (c) Microsoft Corporation. All rights reserved.
-	Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-	this file except in compliance with the License. You may obtain a copy of the
-	License at http://www.apache.org/licenses/LICENSE-2.0
-
-	THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-	KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-	WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-	MERCHANTABLITY OR NON-INFRINGEMENT.
-
-	See the Apache Version 2.0 License for specific language governing permissions
-	and limitations under the License.
-	***************************************************************************** */
-	/* global Reflect, Promise */
-
-	var extendStatics = function(d, b) {
-	    extendStatics = Object.setPrototypeOf ||
-	        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-	        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-	    return extendStatics(d, b);
-	};
-
-	function __extends(d, b) {
-	    extendStatics(d, b);
-	    function __() { this.constructor = d; }
-	    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-	}
-
-	function toFaceVertices(x1, y1, x2, y2, w, h) {
-	    return [
-	        new three.Vector2(x1 / w, 1.0 - y2 / h),
-	        new three.Vector2(x2 / w, 1.0 - y2 / h),
-	        new three.Vector2(x2 / w, 1.0 - y1 / h),
-	        new three.Vector2(x1 / w, 1.0 - y1 / h)
-	    ];
-	}
-	function toSkinVertices(x1, y1, x2, y2) {
-	    return toFaceVertices(x1, y1, x2, y2, 64.0, 64.0);
-	}
-	function toCapeVertices(x1, y1, x2, y2) {
-	    return toFaceVertices(x1, y1, x2, y2, 64.0, 32.0);
-	}
-	function setVertices(box, top, bottom, left, front, right, back) {
-	    box.faceVertexUvs[0] = [];
-	    box.faceVertexUvs[0][0] = [right[3], right[0], right[2]];
-	    box.faceVertexUvs[0][1] = [right[0], right[1], right[2]];
-	    box.faceVertexUvs[0][2] = [left[3], left[0], left[2]];
-	    box.faceVertexUvs[0][3] = [left[0], left[1], left[2]];
-	    box.faceVertexUvs[0][4] = [top[3], top[0], top[2]];
-	    box.faceVertexUvs[0][5] = [top[0], top[1], top[2]];
-	    box.faceVertexUvs[0][6] = [bottom[0], bottom[3], bottom[1]];
-	    box.faceVertexUvs[0][7] = [bottom[3], bottom[2], bottom[1]];
-	    box.faceVertexUvs[0][8] = [front[3], front[0], front[2]];
-	    box.faceVertexUvs[0][9] = [front[0], front[1], front[2]];
-	    box.faceVertexUvs[0][10] = [back[3], back[0], back[2]];
-	    box.faceVertexUvs[0][11] = [back[0], back[1], back[2]];
-	}
-	var esp = 0.002;
-	/**
-	 * Notice that innerLayer and outerLayer may NOT be the direct children of the Group.
-	 */
-	var BodyPart = /** @class */ (function (_super) {
-	    __extends(BodyPart, _super);
-	    function BodyPart(innerLayer, outerLayer) {
-	        var _this = _super.call(this) || this;
-	        _this.innerLayer = innerLayer;
-	        _this.outerLayer = outerLayer;
-	        innerLayer.name = "inner";
-	        outerLayer.name = "outer";
-	        return _this;
-	    }
-	    return BodyPart;
-	}(three.Group));
-	var SkinObject = /** @class */ (function (_super) {
-	    __extends(SkinObject, _super);
-	    function SkinObject(layer1Material, layer2Material) {
-	        var _this = _super.call(this) || this;
-	        _this.modelListeners = []; // called when model(slim property) is changed
-	        _this._slim = false;
-	        // Head
-	        var headBox = new three.BoxGeometry(8, 8, 8, 0, 0, 0);
-	        setVertices(headBox, toSkinVertices(8, 0, 16, 8), toSkinVertices(16, 0, 24, 8), toSkinVertices(0, 8, 8, 16), toSkinVertices(8, 8, 16, 16), toSkinVertices(16, 8, 24, 16), toSkinVertices(24, 8, 32, 16));
-	        var headMesh = new three.Mesh(headBox, layer1Material);
-	        var head2Box = new three.BoxGeometry(9, 9, 9, 0, 0, 0);
-	        setVertices(head2Box, toSkinVertices(40, 0, 48, 8), toSkinVertices(48, 0, 56, 8), toSkinVertices(32, 8, 40, 16), toSkinVertices(40, 8, 48, 16), toSkinVertices(48, 8, 56, 16), toSkinVertices(56, 8, 64, 16));
-	        var head2Mesh = new three.Mesh(head2Box, layer2Material);
-	        head2Mesh.renderOrder = -1;
-	        _this.head = new BodyPart(headMesh, head2Mesh);
-	        _this.head.name = "head";
-	        _this.head.add(headMesh, head2Mesh);
-	        _this.add(_this.head);
-	        // Body
-	        var bodyBox = new three.BoxGeometry(8, 12, 4, 0, 0, 0);
-	        setVertices(bodyBox, toSkinVertices(20, 16, 28, 20), toSkinVertices(28, 16, 36, 20), toSkinVertices(16, 20, 20, 32), toSkinVertices(20, 20, 28, 32), toSkinVertices(28, 20, 32, 32), toSkinVertices(32, 20, 40, 32));
-	        var bodyMesh = new three.Mesh(bodyBox, layer1Material);
-	        var body2Box = new three.BoxGeometry(9, 13.5, 4.5, 0, 0, 0);
-	        setVertices(body2Box, toSkinVertices(20, 32, 28, 36), toSkinVertices(28, 32, 36, 36), toSkinVertices(16, 36, 20, 48), toSkinVertices(20, 36, 28, 48), toSkinVertices(28, 36, 32, 48), toSkinVertices(32, 36, 40, 48));
-	        var body2Mesh = new three.Mesh(body2Box, layer2Material);
-	        _this.body = new BodyPart(bodyMesh, body2Mesh);
-	        _this.body.name = "body";
-	        _this.body.add(bodyMesh, body2Mesh);
-	        _this.body.position.y = -10;
-	        _this.add(_this.body);
-	        // Right Arm
-	        var rightArmBox = new three.BoxGeometry(1, 1, 1, 0, 0, 0); // w/d/h is model-related
-	        var rightArmMesh = new three.Mesh(rightArmBox, layer1Material);
-	        _this.modelListeners.push(function () {
-	            rightArmMesh.scale.x = (_this.slim ? 3 : 4) - esp;
-	            rightArmMesh.scale.y = 12 - esp;
-	            rightArmMesh.scale.z = 4 - esp;
-	            if (_this.slim) {
-	                setVertices(rightArmBox, toSkinVertices(44, 16, 47, 20), toSkinVertices(47, 16, 50, 20), toSkinVertices(40, 20, 44, 32), toSkinVertices(44, 20, 47, 32), toSkinVertices(47, 20, 51, 32), toSkinVertices(51, 20, 54, 32));
-	            }
-	            else {
-	                setVertices(rightArmBox, toSkinVertices(44, 16, 48, 20), toSkinVertices(48, 16, 52, 20), toSkinVertices(40, 20, 44, 32), toSkinVertices(44, 20, 48, 32), toSkinVertices(48, 20, 52, 32), toSkinVertices(52, 20, 56, 32));
-	            }
-	            rightArmBox.uvsNeedUpdate = true;
-	            rightArmBox.elementsNeedUpdate = true;
-	        });
-	        var rightArm2Box = new three.BoxGeometry(1, 1, 1, 0, 0, 0); // w/d/h is model-related
-	        var rightArm2Mesh = new three.Mesh(rightArm2Box, layer2Material);
-	        rightArm2Mesh.renderOrder = 1;
-	        _this.modelListeners.push(function () {
-	            rightArm2Mesh.scale.x = (_this.slim ? 3.375 : 4.5) - esp;
-	            rightArm2Mesh.scale.y = 13.5 - esp;
-	            rightArm2Mesh.scale.z = 4.5 - esp;
-	            if (_this.slim) {
-	                setVertices(rightArm2Box, toSkinVertices(44, 32, 47, 36), toSkinVertices(47, 32, 50, 36), toSkinVertices(40, 36, 44, 48), toSkinVertices(44, 36, 47, 48), toSkinVertices(47, 36, 51, 48), toSkinVertices(51, 36, 54, 48));
-	            }
-	            else {
-	                setVertices(rightArm2Box, toSkinVertices(44, 32, 48, 36), toSkinVertices(48, 32, 52, 36), toSkinVertices(40, 36, 44, 48), toSkinVertices(44, 36, 48, 48), toSkinVertices(48, 36, 52, 48), toSkinVertices(52, 36, 56, 48));
-	            }
-	            rightArm2Box.uvsNeedUpdate = true;
-	            rightArm2Box.elementsNeedUpdate = true;
-	        });
-	        var rightArmPivot = new three.Group();
-	        rightArmPivot.add(rightArmMesh, rightArm2Mesh);
-	        rightArmPivot.position.y = -6;
-	        _this.rightArm = new BodyPart(rightArmMesh, rightArm2Mesh);
-	        _this.rightArm.name = "rightArm";
-	        _this.rightArm.add(rightArmPivot);
-	        _this.rightArm.position.y = -4;
-	        _this.modelListeners.push(function () {
-	            _this.rightArm.position.x = _this.slim ? -5.5 : -6;
-	        });
-	        _this.add(_this.rightArm);
-	        // Left Arm
-	        var leftArmBox = new three.BoxGeometry(1, 1, 1, 0, 0, 0); // w/d/h is model-related
-	        var leftArmMesh = new three.Mesh(leftArmBox, layer1Material);
-	        _this.modelListeners.push(function () {
-	            leftArmMesh.scale.x = (_this.slim ? 3 : 4) - esp;
-	            leftArmMesh.scale.y = 12 - esp;
-	            leftArmMesh.scale.z = 4 - esp;
-	            if (_this.slim) {
-	                setVertices(leftArmBox, toSkinVertices(36, 48, 39, 52), toSkinVertices(39, 48, 42, 52), toSkinVertices(32, 52, 36, 64), toSkinVertices(36, 52, 39, 64), toSkinVertices(39, 52, 43, 64), toSkinVertices(43, 52, 46, 64));
-	            }
-	            else {
-	                setVertices(leftArmBox, toSkinVertices(36, 48, 40, 52), toSkinVertices(40, 48, 44, 52), toSkinVertices(32, 52, 36, 64), toSkinVertices(36, 52, 40, 64), toSkinVertices(40, 52, 44, 64), toSkinVertices(44, 52, 48, 64));
-	            }
-	            leftArmBox.uvsNeedUpdate = true;
-	            leftArmBox.elementsNeedUpdate = true;
-	        });
-	        var leftArm2Box = new three.BoxGeometry(1, 1, 1, 0, 0, 0); // w/d/h is model-related
-	        var leftArm2Mesh = new three.Mesh(leftArm2Box, layer2Material);
-	        leftArm2Mesh.renderOrder = 1;
-	        _this.modelListeners.push(function () {
-	            leftArm2Mesh.scale.x = (_this.slim ? 3.375 : 4.5) - esp;
-	            leftArm2Mesh.scale.y = 13.5 - esp;
-	            leftArm2Mesh.scale.z = 4.5 - esp;
-	            if (_this.slim) {
-	                setVertices(leftArm2Box, toSkinVertices(52, 48, 55, 52), toSkinVertices(55, 48, 58, 52), toSkinVertices(48, 52, 52, 64), toSkinVertices(52, 52, 55, 64), toSkinVertices(55, 52, 59, 64), toSkinVertices(59, 52, 62, 64));
-	            }
-	            else {
-	                setVertices(leftArm2Box, toSkinVertices(52, 48, 56, 52), toSkinVertices(56, 48, 60, 52), toSkinVertices(48, 52, 52, 64), toSkinVertices(52, 52, 56, 64), toSkinVertices(56, 52, 60, 64), toSkinVertices(60, 52, 64, 64));
-	            }
-	            leftArm2Box.uvsNeedUpdate = true;
-	            leftArm2Box.elementsNeedUpdate = true;
-	        });
-	        var leftArmPivot = new three.Group();
-	        leftArmPivot.add(leftArmMesh, leftArm2Mesh);
-	        leftArmPivot.position.y = -6;
-	        _this.leftArm = new BodyPart(leftArmMesh, leftArm2Mesh);
-	        _this.leftArm.name = "leftArm";
-	        _this.leftArm.add(leftArmPivot);
-	        _this.leftArm.position.y = -4;
-	        _this.modelListeners.push(function () {
-	            _this.leftArm.position.x = _this.slim ? 5.5 : 6;
-	        });
-	        _this.add(_this.leftArm);
-	        // Right Leg
-	        var rightLegBox = new three.BoxGeometry(4 - esp, 12 - esp, 4 - esp, 0, 0, 0);
-	        setVertices(rightLegBox, toSkinVertices(4, 16, 8, 20), toSkinVertices(8, 16, 12, 20), toSkinVertices(0, 20, 4, 32), toSkinVertices(4, 20, 8, 32), toSkinVertices(8, 20, 12, 32), toSkinVertices(12, 20, 16, 32));
-	        var rightLegMesh = new three.Mesh(rightLegBox, layer1Material);
-	        var rightLeg2Box = new three.BoxGeometry(4.5 - esp, 13.5 - esp, 4.5 - esp, 0, 0, 0);
-	        setVertices(rightLeg2Box, toSkinVertices(4, 32, 8, 36), toSkinVertices(8, 32, 12, 36), toSkinVertices(0, 36, 4, 48), toSkinVertices(4, 36, 8, 48), toSkinVertices(8, 36, 12, 48), toSkinVertices(12, 36, 16, 48));
-	        var rightLeg2Mesh = new three.Mesh(rightLeg2Box, layer2Material);
-	        rightLeg2Mesh.renderOrder = 1;
-	        var rightLegPivot = new three.Group();
-	        rightLegPivot.add(rightLegMesh, rightLeg2Mesh);
-	        rightLegPivot.position.y = -6;
-	        _this.rightLeg = new BodyPart(rightLegMesh, rightLeg2Mesh);
-	        _this.rightLeg.name = "rightLeg";
-	        _this.rightLeg.add(rightLegPivot);
-	        _this.rightLeg.position.y = -16;
-	        _this.rightLeg.position.x = -2;
-	        _this.add(_this.rightLeg);
-	        // Left Leg
-	        var leftLegBox = new three.BoxGeometry(4 - esp, 12 - esp, 4 - esp, 0, 0, 0);
-	        setVertices(leftLegBox, toSkinVertices(20, 48, 24, 52), toSkinVertices(24, 48, 28, 52), toSkinVertices(16, 52, 20, 64), toSkinVertices(20, 52, 24, 64), toSkinVertices(24, 52, 28, 64), toSkinVertices(28, 52, 32, 64));
-	        var leftLegMesh = new three.Mesh(leftLegBox, layer1Material);
-	        var leftLeg2Box = new three.BoxGeometry(4.5 - esp, 13.5 - esp, 4.5 - esp, 0, 0, 0);
-	        setVertices(leftLeg2Box, toSkinVertices(4, 48, 8, 52), toSkinVertices(8, 48, 12, 52), toSkinVertices(0, 52, 4, 64), toSkinVertices(4, 52, 8, 64), toSkinVertices(8, 52, 12, 64), toSkinVertices(12, 52, 16, 64));
-	        var leftLeg2Mesh = new three.Mesh(leftLeg2Box, layer2Material);
-	        leftLeg2Mesh.renderOrder = 1;
-	        var leftLegPivot = new three.Group();
-	        leftLegPivot.add(leftLegMesh, leftLeg2Mesh);
-	        leftLegPivot.position.y = -6;
-	        _this.leftLeg = new BodyPart(leftLegMesh, leftLeg2Mesh);
-	        _this.leftLeg.name = "leftLeg";
-	        _this.leftLeg.add(leftLegPivot);
-	        _this.leftLeg.position.y = -16;
-	        _this.leftLeg.position.x = 2;
-	        _this.add(_this.leftLeg);
-	        _this.slim = false;
-	        return _this;
-	    }
-	    Object.defineProperty(SkinObject.prototype, "slim", {
-	        get: function () {
-	            return this._slim;
-	        },
-	        set: function (value) {
-	            this._slim = value;
-	            this.modelListeners.forEach(function (listener) { return listener(); });
-	        },
-	        enumerable: true,
-	        configurable: true
-	    });
-	    SkinObject.prototype.getBodyParts = function () {
-	        return this.children.filter(function (it) { return it instanceof BodyPart; });
-	    };
-	    SkinObject.prototype.setInnerLayerVisible = function (value) {
-	        this.getBodyParts().forEach(function (part) { return part.innerLayer.visible = value; });
-	    };
-	    SkinObject.prototype.setOuterLayerVisible = function (value) {
-	        this.getBodyParts().forEach(function (part) { return part.outerLayer.visible = value; });
-	    };
-	    return SkinObject;
-	}(three.Group));
-	var CapeObject = /** @class */ (function (_super) {
-	    __extends(CapeObject, _super);
-	    function CapeObject(capeMaterial) {
-	        var _this = _super.call(this) || this;
-	        // back = outside
-	        // front = inside
-	        var capeBox = new three.BoxGeometry(10, 16, 1, 0, 0, 0);
-	        setVertices(capeBox, toCapeVertices(1, 0, 11, 1), toCapeVertices(11, 0, 21, 1), toCapeVertices(11, 1, 12, 17), toCapeVertices(12, 1, 22, 17), toCapeVertices(0, 1, 1, 17), toCapeVertices(1, 1, 11, 17));
-	        _this.cape = new three.Mesh(capeBox, capeMaterial);
-	        _this.cape.position.y = -8;
-	        _this.cape.position.z = -0.5;
-	        _this.add(_this.cape);
-	        return _this;
-	    }
-	    return CapeObject;
-	}(three.Group));
-	var PlayerObject = /** @class */ (function (_super) {
-	    __extends(PlayerObject, _super);
-	    function PlayerObject(layer1Material, layer2Material, capeMaterial) {
-	        var _this = _super.call(this) || this;
-	        _this.skin = new SkinObject(layer1Material, layer2Material);
-	        _this.skin.name = "skin";
-	        _this.skin.visible = false;
-	        _this.add(_this.skin);
-	        _this.cape = new CapeObject(capeMaterial);
-	        _this.cape.name = "cape";
-	        _this.cape.position.z = -2;
-	        _this.cape.position.y = -4;
-	        _this.cape.rotation.x = 25 * Math.PI / 180;
-	        _this.cape.visible = false;
-	        _this.add(_this.cape);
-	        return _this;
-	    }
-	    return PlayerObject;
-	}(three.Group));
-
-	function invokeAnimation(animation, player, time) {
-	    if (animation instanceof Function) {
-	        animation(player, time);
-	    }
-	    else {
-	        // must be IAnimation here
-	        animation.play(player, time);
-	    }
-	}
-	var AnimationWrapper = /** @class */ (function () {
-	    function AnimationWrapper(animation) {
-	        this.speed = 1.0;
-	        this.paused = false;
-	        this.progress = 0;
-	        this.lastTime = 0;
-	        this.started = false;
-	        this.toResetAndRemove = false;
-	        this.animation = animation;
-	    }
-	    AnimationWrapper.prototype.play = function (player, time) {
-	        if (this.toResetAndRemove) {
-	            invokeAnimation(this.animation, player, 0);
-	            this.remove();
-	            return;
-	        }
-	        var delta;
-	        if (this.started) {
-	            delta = time - this.lastTime;
-	        }
-	        else {
-	            delta = 0;
-	            this.started = true;
-	        }
-	        this.lastTime = time;
-	        if (!this.paused) {
-	            this.progress += delta * this.speed;
-	        }
-	        invokeAnimation(this.animation, player, this.progress);
-	    };
-	    AnimationWrapper.prototype.reset = function () {
-	        this.progress = 0;
-	    };
-	    AnimationWrapper.prototype.remove = function () {
-	        // stub get's overriden
-	    };
-	    AnimationWrapper.prototype.resetAndRemove = function () {
-	        this.toResetAndRemove = true;
-	    };
-	    return AnimationWrapper;
-	}());
-	var CompositeAnimation = /** @class */ (function () {
-	    function CompositeAnimation() {
-	        this.handles = new Set();
-	    }
-	    CompositeAnimation.prototype.add = function (animation) {
-	        var _this = this;
-	        var handle = new AnimationWrapper(animation);
-	        handle.remove = function () {
-	            _this.handles.delete(handle);
-	        };
-	        this.handles.add(handle);
-	        return handle;
-	    };
-	    CompositeAnimation.prototype.play = function (player, time) {
-	        this.handles.forEach(function (handle) { return handle.play(player, time); });
-	    };
-	    return CompositeAnimation;
-	}());
-	var RootAnimation = /** @class */ (function (_super) {
-	    __extends(RootAnimation, _super);
-	    function RootAnimation() {
-	        var _this = _super !== null && _super.apply(this, arguments) || this;
-	        _this.speed = 1.0;
-	        _this.progress = 0.0;
-	        _this.clock = new three.Clock(true);
-	        return _this;
-	    }
-	    Object.defineProperty(RootAnimation.prototype, "animation", {
-	        get: function () {
-	            return this;
-	        },
-	        enumerable: true,
-	        configurable: true
-	    });
-	    Object.defineProperty(RootAnimation.prototype, "paused", {
-	        get: function () {
-	            return !this.clock.running;
-	        },
-	        set: function (value) {
-	            if (value) {
-	                this.clock.stop();
-	            }
-	            else {
-	                this.clock.start();
-	            }
-	        },
-	        enumerable: true,
-	        configurable: true
-	    });
-	    RootAnimation.prototype.runAnimationLoop = function (player) {
-	        if (this.handles.size === 0) {
-	            return;
-	        }
-	        this.progress += this.clock.getDelta() * this.speed;
-	        this.play(player, this.progress);
-	    };
-	    RootAnimation.prototype.reset = function () {
-	        this.progress = 0;
-	    };
-	    return RootAnimation;
-	}(CompositeAnimation));
-	var WalkingAnimation = function (player, time) {
-	    var skin = player.skin;
-	    // Multiply by animation's natural speed
-	    time *= 8;
-	    // Leg swing
-	    skin.leftLeg.rotation.x = Math.sin(time) * 0.5;
-	    skin.rightLeg.rotation.x = Math.sin(time + Math.PI) * 0.5;
-	    // Arm swing
-	    skin.leftArm.rotation.x = Math.sin(time + Math.PI) * 0.5;
-	    skin.rightArm.rotation.x = Math.sin(time) * 0.5;
-	    var basicArmRotationZ = Math.PI * 0.02;
-	    skin.leftArm.rotation.z = Math.cos(time) * 0.03 + basicArmRotationZ;
-	    skin.rightArm.rotation.z = Math.cos(time + Math.PI) * 0.03 - basicArmRotationZ;
-	    // Head shaking with different frequency & amplitude
-	    skin.head.rotation.y = Math.sin(time / 4) * 0.2;
-	    skin.head.rotation.x = Math.sin(time / 5) * 0.1;
-	    // Always add an angle for cape around the x axis
-	    var basicCapeRotationX = Math.PI * 0.06;
-	    player.cape.rotation.x = Math.sin(time / 1.5) * 0.06 + basicCapeRotationX;
-	};
-	var RunningAnimation = function (player, time) {
-	    var skin = player.skin;
-	    time *= 15;
-	    // Leg swing with larger amplitude
-	    skin.leftLeg.rotation.x = Math.cos(time + Math.PI) * 1.3;
-	    skin.rightLeg.rotation.x = Math.cos(time) * 1.3;
-	    // Arm swing
-	    skin.leftArm.rotation.x = Math.cos(time) * 1.5;
-	    skin.rightArm.rotation.x = Math.cos(time + Math.PI) * 1.5;
-	    var basicArmRotationZ = Math.PI * 0.1;
-	    skin.leftArm.rotation.z = Math.cos(time) * 0.1 + basicArmRotationZ;
-	    skin.rightArm.rotation.z = Math.cos(time + Math.PI) * 0.1 - basicArmRotationZ;
-	    // Jumping
-	    player.position.y = Math.cos(time * 2);
-	    // Dodging when running
-	    player.position.x = Math.cos(time) * 0.15;
-	    // Slightly tilting when running
-	    player.rotation.z = Math.cos(time + Math.PI) * 0.01;
-	    // Apply higher swing frequency, lower amplitude,
-	    // and greater basic rotation around x axis,
-	    // to cape when running.
-	    var basicCapeRotationX = Math.PI * 0.3;
-	    player.cape.rotation.x = Math.sin(time * 2) * 0.1 + basicCapeRotationX;
-	    // What about head shaking?
-	    // You shouldn't glance right and left when running dude :P
-	};
-	var RotatingAnimation = function (player, time) {
-	    player.rotation.y = time;
-	};
-
-	function copyImage(context, sX, sY, w, h, dX, dY, flipHorizontal) {
-	    var imgData = context.getImageData(sX, sY, w, h);
-	    if (flipHorizontal) {
-	        for (var y = 0; y < h; y++) {
-	            for (var x = 0; x < (w / 2); x++) {
-	                var index = (x + y * w) * 4;
-	                var index2 = ((w - x - 1) + y * w) * 4;
-	                var pA1 = imgData.data[index];
-	                var pA2 = imgData.data[index + 1];
-	                var pA3 = imgData.data[index + 2];
-	                var pA4 = imgData.data[index + 3];
-	                var pB1 = imgData.data[index2];
-	                var pB2 = imgData.data[index2 + 1];
-	                var pB3 = imgData.data[index2 + 2];
-	                var pB4 = imgData.data[index2 + 3];
-	                imgData.data[index] = pB1;
-	                imgData.data[index + 1] = pB2;
-	                imgData.data[index + 2] = pB3;
-	                imgData.data[index + 3] = pB4;
-	                imgData.data[index2] = pA1;
-	                imgData.data[index2 + 1] = pA2;
-	                imgData.data[index2 + 2] = pA3;
-	                imgData.data[index2 + 3] = pA4;
-	            }
-	        }
-	    }
-	    context.putImageData(imgData, dX, dY);
-	}
-	function hasTransparency(context, x0, y0, w, h) {
-	    var imgData = context.getImageData(x0, y0, w, h);
-	    for (var x = 0; x < w; x++) {
-	        for (var y = 0; y < h; y++) {
-	            var offset = (x + y * w) * 4;
-	            if (imgData.data[offset + 3] !== 0xff) {
-	                return true;
-	            }
-	        }
-	    }
-	    return false;
-	}
-	function computeSkinScale(width) {
-	    return width / 64.0;
-	}
-	function fixOpaqueSkin(context, width) {
-	    // Some ancient skins don't have transparent pixels (nor have helm).
-	    // We have to make the helm area transparent, otherwise it will be rendered as black.
-	    if (!hasTransparency(context, 0, 0, width, width / 2)) {
-	        var scale_1 = computeSkinScale(width);
-	        var clearArea = function (x, y, w, h) { return context.clearRect(x * scale_1, y * scale_1, w * scale_1, h * scale_1); };
-	        clearArea(40, 0, 8, 8); // Helm Top
-	        clearArea(48, 0, 8, 8); // Helm Bottom
-	        clearArea(32, 8, 8, 8); // Helm Right
-	        clearArea(40, 8, 8, 8); // Helm Front
-	        clearArea(48, 8, 8, 8); // Helm Left
-	        clearArea(56, 8, 8, 8); // Helm Back
-	    }
-	}
-	function convertSkinTo1_8(context, width) {
-	    var scale = computeSkinScale(width);
-	    var copySkin = function (sX, sY, w, h, dX, dY, flipHorizontal) { return copyImage(context, sX * scale, sY * scale, w * scale, h * scale, dX * scale, dY * scale, flipHorizontal); };
-	    fixOpaqueSkin(context, width);
-	    copySkin(4, 16, 4, 4, 20, 48, true); // Top Leg
-	    copySkin(8, 16, 4, 4, 24, 48, true); // Bottom Leg
-	    copySkin(0, 20, 4, 12, 24, 52, true); // Outer Leg
-	    copySkin(4, 20, 4, 12, 20, 52, true); // Front Leg
-	    copySkin(8, 20, 4, 12, 16, 52, true); // Inner Leg
-	    copySkin(12, 20, 4, 12, 28, 52, true); // Back Leg
-	    copySkin(44, 16, 4, 4, 36, 48, true); // Top Arm
-	    copySkin(48, 16, 4, 4, 40, 48, true); // Bottom Arm
-	    copySkin(40, 20, 4, 12, 40, 52, true); // Outer Arm
-	    copySkin(44, 20, 4, 12, 36, 52, true); // Front Arm
-	    copySkin(48, 20, 4, 12, 32, 52, true); // Inner Arm
-	    copySkin(52, 20, 4, 12, 44, 52, true); // Back Arm
-	}
-	function loadSkinToCanvas(canvas, image) {
-	    var isOldFormat = false;
-	    if (image.width !== image.height) {
-	        if (image.width === 2 * image.height) {
-	            isOldFormat = true;
-	        }
-	        else {
-	            throw new Error("Bad skin size: " + image.width + "x" + image.height);
-	        }
-	    }
-	    var context = canvas.getContext("2d");
-	    if (isOldFormat) {
-	        var sideLength = image.width;
-	        canvas.width = sideLength;
-	        canvas.height = sideLength;
-	        context.clearRect(0, 0, sideLength, sideLength);
-	        context.drawImage(image, 0, 0, sideLength, sideLength / 2.0);
-	        convertSkinTo1_8(context, sideLength);
-	    }
-	    else {
-	        canvas.width = image.width;
-	        canvas.height = image.height;
-	        context.clearRect(0, 0, image.width, image.height);
-	        context.drawImage(image, 0, 0, canvas.width, canvas.height);
-	    }
-	}
-	function loadCapeToCanvas(canvas, image) {
-	    var isOldFormat = false;
-	    if (image.width !== 2 * image.height) {
-	        if (image.width * 17 === image.height * 22) {
-	            // width/height = 22/17
-	            isOldFormat = true;
-	        }
-	        else {
-	            throw new Error("Bad cape size: " + image.width + "x" + image.height);
-	        }
-	    }
-	    var context = canvas.getContext("2d");
-	    if (isOldFormat) {
-	        var width = image.width * 64 / 22;
-	        canvas.width = width;
-	        canvas.height = width / 2;
-	    }
-	    else {
-	        canvas.width = image.width;
-	        canvas.height = image.height;
-	    }
-	    context.clearRect(0, 0, canvas.width, canvas.height);
-	    context.drawImage(image, 0, 0, image.width, image.height);
-	}
-	function isSlimSkin(canvasOrImage) {
-	    // Detects whether the skin is default or slim.
-	    //
-	    // The right arm area of *default* skins:
-	    // (44,16)->*-------*-------*
-	    // (40,20)  |top    |bottom |
-	    // \|/      |4x4    |4x4    |
-	    //  *-------*-------*-------*-------*
-	    //  |right  |front  |left   |back   |
-	    //  |4x12   |4x12   |4x12   |4x12   |
-	    //  *-------*-------*-------*-------*
-	    // The right arm area of *slim* skins:
-	    // (44,16)->*------*------*-*
-	    // (40,20)  |top   |bottom| |<----[x0=50,y0=16,w=2,h=4]
-	    // \|/      |3x4   |3x4   | |
-	    //  *-------*------*------***-----*-*
-	    //  |right  |front |left   |back  | |<----[x0=54,y0=20,w=2,h=12]
-	    //  |4x12   |3x12  |4x12   |3x12  | |
-	    //  *-------*------*-------*------*-*
-	    // Compared with default right arms, slim right arms have 2 unused areas.
-	    //
-	    // The same is true for left arm:
-	    // The left arm area of *default* skins:
-	    // (36,48)->*-------*-------*
-	    // (32,52)  |top    |bottom |
-	    // \|/      |4x4    |4x4    |
-	    //  *-------*-------*-------*-------*
-	    //  |right  |front  |left   |back   |
-	    //  |4x12   |4x12   |4x12   |4x12   |
-	    //  *-------*-------*-------*-------*
-	    // The left arm area of *slim* skins:
-	    // (36,48)->*------*------*-*
-	    // (32,52)  |top   |bottom| |<----[x0=42,y0=48,w=2,h=4]
-	    // \|/      |3x4   |3x4   | |
-	    //  *-------*------*------***-----*-*
-	    //  |right  |front |left   |back  | |<----[x0=46,y0=52,w=2,h=12]
-	    //  |4x12   |3x12  |4x12   |3x12  | |
-	    //  *-------*------*-------*------*-*
-	    //
-	    // If there is a transparent pixel in any of the 4 unused areas, the skin must be slim,
-	    // as transparent pixels are not allowed in the first layer.
-	    if (canvasOrImage instanceof HTMLCanvasElement) {
-	        var canvas = canvasOrImage;
-	        var scale_2 = computeSkinScale(canvas.width);
-	        var context_1 = canvas.getContext("2d");
-	        var checkArea = function (x, y, w, h) { return hasTransparency(context_1, x * scale_2, y * scale_2, w * scale_2, h * scale_2); };
-	        return checkArea(50, 16, 2, 4) ||
-	            checkArea(54, 20, 2, 12) ||
-	            checkArea(42, 48, 2, 4) ||
-	            checkArea(46, 52, 2, 12);
-	    }
-	    else {
-	        var image = canvasOrImage;
-	        var canvas = document.createElement("canvas");
-	        loadSkinToCanvas(canvas, image);
-	        return isSlimSkin(canvas);
-	    }
-	}
-
-	var SkinViewer = /** @class */ (function () {
-	    function SkinViewer(options) {
-	        var _this = this;
-	        this.animations = new RootAnimation();
-	        this.detectModel = true;
-	        this.disposed = false;
-	        this._renderPaused = false;
-	        this.domElement = options.domElement;
-	        if (options.detectModel === false) {
-	            this.detectModel = false;
-	        }
-	        // texture
-	        this.skinImg = new Image();
-	        this.skinCanvas = document.createElement("canvas");
-	        this.skinTexture = new three.Texture(this.skinCanvas);
-	        this.skinTexture.magFilter = three.NearestFilter;
-	        this.skinTexture.minFilter = three.NearestFilter;
-	        this.capeImg = new Image();
-	        this.capeCanvas = document.createElement("canvas");
-	        this.capeTexture = new three.Texture(this.capeCanvas);
-	        this.capeTexture.magFilter = three.NearestFilter;
-	        this.capeTexture.minFilter = three.NearestFilter;
-	        this.layer1Material = new three.MeshBasicMaterial({ map: this.skinTexture, side: three.FrontSide });
-	        this.layer2Material = new three.MeshBasicMaterial({ map: this.skinTexture, transparent: true, opacity: 1, side: three.DoubleSide, alphaTest: 0.5 });
-	        this.capeMaterial = new three.MeshBasicMaterial({ map: this.capeTexture, transparent: true, opacity: 1, side: three.DoubleSide, alphaTest: 0.5 });
-	        // scene
-	        this.scene = new three.Scene();
-	        // Use smaller fov to avoid distortion
-	        this.camera = new three.PerspectiveCamera(40);
-	        this.camera.position.y = -12;
-	        this.camera.position.z = 60;
-	        this.renderer = new three.WebGLRenderer({ alpha: true, antialias: false });
-	        this.renderer.setSize(300, 300); // default size
-	        this.domElement.appendChild(this.renderer.domElement);
-	        this.playerObject = new PlayerObject(this.layer1Material, this.layer2Material, this.capeMaterial);
-	        this.playerObject.name = "player";
-	        this.scene.add(this.playerObject);
-	        // texture loading
-	        this.skinImg.crossOrigin = "anonymous";
-	        this.skinImg.onerror = function () { return console.error("Failed loading " + _this.skinImg.src); };
-	        this.skinImg.onload = function () {
-	            loadSkinToCanvas(_this.skinCanvas, _this.skinImg);
-	            if (_this.detectModel) {
-	                _this.playerObject.skin.slim = isSlimSkin(_this.skinCanvas);
-	            }
-	            _this.skinTexture.needsUpdate = true;
-	            _this.layer1Material.needsUpdate = true;
-	            _this.layer2Material.needsUpdate = true;
-	            _this.playerObject.skin.visible = true;
-	        };
-	        this.capeImg.crossOrigin = "anonymous";
-	        this.capeImg.onerror = function () { return console.error("Failed loading " + _this.capeImg.src); };
-	        this.capeImg.onload = function () {
-	            loadCapeToCanvas(_this.capeCanvas, _this.capeImg);
-	            _this.capeTexture.needsUpdate = true;
-	            _this.capeMaterial.needsUpdate = true;
-	            _this.playerObject.cape.visible = true;
-	        };
-	        if (options.skinUrl)
-	            this.skinUrl = options.skinUrl;
-	        if (options.capeUrl)
-	            this.capeUrl = options.capeUrl;
-	        if (options.width)
-	            this.width = options.width;
-	        if (options.height)
-	            this.height = options.height;
-	        window.requestAnimationFrame(function () { return _this.draw(); });
-	    }
-	    SkinViewer.prototype.draw = function () {
-	        var _this = this;
-	        if (this.disposed || this._renderPaused) {
-	            return;
-	        }
-	        this.animations.runAnimationLoop(this.playerObject);
-	        this.renderer.render(this.scene, this.camera);
-	        window.requestAnimationFrame(function () { return _this.draw(); });
-	    };
-	    SkinViewer.prototype.setSize = function (width, height) {
-	        this.camera.aspect = width / height;
-	        this.camera.updateProjectionMatrix();
-	        this.renderer.setSize(width, height);
-	    };
-	    SkinViewer.prototype.dispose = function () {
-	        this.disposed = true;
-	        this.domElement.removeChild(this.renderer.domElement);
-	        this.renderer.dispose();
-	        this.skinTexture.dispose();
-	        this.capeTexture.dispose();
-	    };
-	    Object.defineProperty(SkinViewer.prototype, "renderPaused", {
-	        get: function () {
-	            return this._renderPaused;
-	        },
-	        set: function (value) {
-	            var _this = this;
-	            var toResume = !this.disposed && !value && this._renderPaused;
-	            this._renderPaused = value;
-	            if (toResume) {
-	                window.requestAnimationFrame(function () { return _this.draw(); });
-	            }
-	        },
-	        enumerable: true,
-	        configurable: true
-	    });
-	    Object.defineProperty(SkinViewer.prototype, "skinUrl", {
-	        get: function () {
-	            return this.skinImg.src;
-	        },
-	        set: function (url) {
-	            this.skinImg.src = url;
-	        },
-	        enumerable: true,
-	        configurable: true
-	    });
-	    Object.defineProperty(SkinViewer.prototype, "capeUrl", {
-	        get: function () {
-	            return this.capeImg.src;
-	        },
-	        set: function (url) {
-	            this.capeImg.src = url;
-	        },
-	        enumerable: true,
-	        configurable: true
-	    });
-	    Object.defineProperty(SkinViewer.prototype, "width", {
-	        get: function () {
-	            var target = new three.Vector2();
-	            return this.renderer.getSize(target).width;
-	        },
-	        set: function (newWidth) {
-	            this.setSize(newWidth, this.height);
-	        },
-	        enumerable: true,
-	        configurable: true
-	    });
-	    Object.defineProperty(SkinViewer.prototype, "height", {
-	        get: function () {
-	            var target = new three.Vector2();
-	            return this.renderer.getSize(target).height;
-	        },
-	        set: function (newHeight) {
-	            this.setSize(this.width, newHeight);
-	        },
-	        enumerable: true,
-	        configurable: true
-	    });
-	    return SkinViewer;
-	}());
-
-	var STATE = {
-	    NONE: -1,
-	    ROTATE: 0,
-	    DOLLY: 1,
-	    PAN: 2,
-	    TOUCH_ROTATE: 3,
-	    TOUCH_DOLLY: 4,
-	    TOUCH_PAN: 5
-	};
-	var CHANGE_EVENT = { type: "change" };
-	var START_EVENT = { type: "start" };
-	var END_EVENT = { type: "end" };
-	var EPS = 0.000001;
-	var OrbitControls = /** @class */ (function (_super) {
-	    __extends(OrbitControls, _super);
-	    function OrbitControls(object, domElement, domWindow) {
-	        var _this = _super.call(this) || this;
-	        _this.object = object;
-	        _this.domElement = (domElement !== undefined) ? domElement : document;
-	        _this.window = (domWindow !== undefined) ? domWindow : window;
-	        // Set to false to disable this control
-	        _this.enabled = true;
-	        // "target" sets the location of focus, where the object orbits around
-	        _this.target = new three.Vector3();
-	        // How far you can dolly in and out ( PerspectiveCamera only )
-	        _this.minDistance = 0;
-	        _this.maxDistance = Infinity;
-	        // How far you can zoom in and out ( OrthographicCamera only )
-	        _this.minZoom = 0;
-	        _this.maxZoom = Infinity;
-	        // How far you can orbit vertically, upper and lower limits.
-	        // Range is 0 to Math.PI radians.
-	        _this.minPolarAngle = 0; // radians
-	        _this.maxPolarAngle = Math.PI; // radians
-	        // How far you can orbit horizontally, upper and lower limits.
-	        // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ].
-	        _this.minAzimuthAngle = -Infinity; // radians
-	        _this.maxAzimuthAngle = Infinity; // radians
-	        // Set to true to enable damping (inertia)
-	        // If damping is enabled, you must call controls.update() in your animation loop
-	        _this.enableDamping = false;
-	        _this.dampingFactor = 0.25;
-	        // This option actually enables dollying in and out; left as "zoom" for backwards compatibility.
-	        // Set to false to disable zooming
-	        _this.enableZoom = true;
-	        _this.zoomSpeed = 1.0;
-	        // Set to false to disable rotating
-	        _this.enableRotate = true;
-	        _this.rotateSpeed = 1.0;
-	        // Set to false to disable panning
-	        _this.enablePan = true;
-	        _this.keyPanSpeed = 7.0; // pixels moved per arrow key push
-	        // Set to true to automatically rotate around the target
-	        // If auto-rotate is enabled, you must call controls.update() in your animation loop
-	        _this.autoRotate = false;
-	        _this.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60
-	        // Set to false to disable use of the keys
-	        _this.enableKeys = true;
-	        // The four arrow keys
-	        _this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 };
-	        // Mouse buttons
-	        _this.mouseButtons = { ORBIT: three.MOUSE.LEFT, ZOOM: three.MOUSE.MIDDLE, PAN: three.MOUSE.RIGHT };
-	        // for reset
-	        _this.target0 = _this.target.clone();
-	        _this.position0 = _this.object.position.clone();
-	        _this.zoom0 = _this.object.zoom;
-	        // for update speedup
-	        _this.updateOffset = new three.Vector3();
-	        // so camera.up is the orbit axis
-	        _this.updateQuat = new three.Quaternion().setFromUnitVectors(object.up, new three.Vector3(0, 1, 0));
-	        _this.updateQuatInverse = _this.updateQuat.clone().inverse();
-	        _this.updateLastPosition = new three.Vector3();
-	        _this.updateLastQuaternion = new three.Quaternion();
-	        _this.state = STATE.NONE;
-	        _this.scale = 1;
-	        // current position in spherical coordinates
-	        _this.spherical = new three.Spherical();
-	        _this.sphericalDelta = new three.Spherical();
-	        _this.panOffset = new three.Vector3();
-	        _this.zoomChanged = false;
-	        _this.rotateStart = new three.Vector2();
-	        _this.rotateEnd = new three.Vector2();
-	        _this.rotateDelta = new three.Vector2();
-	        _this.panStart = new three.Vector2();
-	        _this.panEnd = new three.Vector2();
-	        _this.panDelta = new three.Vector2();
-	        _this.dollyStart = new three.Vector2();
-	        _this.dollyEnd = new three.Vector2();
-	        _this.dollyDelta = new three.Vector2();
-	        _this.panLeftV = new three.Vector3();
-	        _this.panUpV = new three.Vector3();
-	        _this.panInternalOffset = new three.Vector3();
-	        // event handlers - FSM: listen for events and reset state
-	        _this.onMouseDown = function (event) {
-	            if (_this.enabled === false)
-	                return;
-	            event.preventDefault();
-	            if (event.button === _this.mouseButtons.ORBIT) {
-	                if (_this.enableRotate === false)
-	                    return;
-	                _this.rotateStart.set(event.clientX, event.clientY);
-	                _this.state = STATE.ROTATE;
-	            }
-	            else if (event.button === _this.mouseButtons.ZOOM) {
-	                if (_this.enableZoom === false)
-	                    return;
-	                _this.dollyStart.set(event.clientX, event.clientY);
-	                _this.state = STATE.DOLLY;
-	            }
-	            else if (event.button === _this.mouseButtons.PAN) {
-	                if (_this.enablePan === false)
-	                    return;
-	                _this.panStart.set(event.clientX, event.clientY);
-	                _this.state = STATE.PAN;
-	            }
-	            if (_this.state !== STATE.NONE) {
-	                document.addEventListener("mousemove", _this.onMouseMove, false);
-	                document.addEventListener("mouseup", _this.onMouseUp, false);
-	                _this.dispatchEvent(START_EVENT);
-	            }
-	        };
-	        _this.onMouseMove = function (event) {
-	            if (_this.enabled === false)
-	                return;
-	            event.preventDefault();
-	            if (_this.state === STATE.ROTATE) {
-	                if (_this.enableRotate === false)
-	                    return;
-	                _this.rotateEnd.set(event.clientX, event.clientY);
-	                _this.rotateDelta.subVectors(_this.rotateEnd, _this.rotateStart);
-	                var element = _this.domElement === document ? _this.domElement.body : _this.domElement;
-	                // rotating across whole screen goes 360 degrees around
-	                _this.rotateLeft(2 * Math.PI * _this.rotateDelta.x / element.clientWidth * _this.rotateSpeed);
-	                // rotating up and down along whole screen attempts to go 360, but limited to 180
-	                _this.rotateUp(2 * Math.PI * _this.rotateDelta.y / element.clientHeight * _this.rotateSpeed);
-	                _this.rotateStart.copy(_this.rotateEnd);
-	                _this.update();
-	            }
-	            else if (_this.state === STATE.DOLLY) {
-	                if (_this.enableZoom === false)
-	                    return;
-	                _this.dollyEnd.set(event.clientX, event.clientY);
-	                _this.dollyDelta.subVectors(_this.dollyEnd, _this.dollyStart);
-	                if (_this.dollyDelta.y > 0) {
-	                    _this.dollyIn(_this.getZoomScale());
-	                }
-	                else if (_this.dollyDelta.y < 0) {
-	                    _this.dollyOut(_this.getZoomScale());
-	                }
-	                _this.dollyStart.copy(_this.dollyEnd);
-	                _this.update();
-	            }
-	            else if (_this.state === STATE.PAN) {
-	                if (_this.enablePan === false)
-	                    return;
-	                _this.panEnd.set(event.clientX, event.clientY);
-	                _this.panDelta.subVectors(_this.panEnd, _this.panStart);
-	                _this.pan(_this.panDelta.x, _this.panDelta.y);
-	                _this.panStart.copy(_this.panEnd);
-	                _this.update();
-	            }
-	        };
-	        _this.onMouseUp = function (event) {
-	            if (_this.enabled === false)
-	                return;
-	            document.removeEventListener("mousemove", _this.onMouseMove, false);
-	            document.removeEventListener("mouseup", _this.onMouseUp, false);
-	            _this.dispatchEvent(END_EVENT);
-	            _this.state = STATE.NONE;
-	        };
-	        _this.onMouseWheel = function (event) {
-	            if (_this.enabled === false || _this.enableZoom === false || (_this.state !== STATE.NONE && _this.state !== STATE.ROTATE))
-	                return;
-	            event.preventDefault();
-	            event.stopPropagation();
-	            if (event.deltaY < 0) {
-	                _this.dollyOut(_this.getZoomScale());
-	            }
-	            else if (event.deltaY > 0) {
-	                _this.dollyIn(_this.getZoomScale());
-	            }
-	            _this.update();
-	            _this.dispatchEvent(START_EVENT); // not sure why these are here...
-	            _this.dispatchEvent(END_EVENT);
-	        };
-	        _this.onKeyDown = function (event) {
-	            if (_this.enabled === false || _this.enableKeys === false || _this.enablePan === false)
-	                return;
-	            switch (event.keyCode) {
-	                case _this.keys.UP: {
-	                    _this.pan(0, _this.keyPanSpeed);
-	                    _this.update();
-	                    break;
-	                }
-	                case _this.keys.BOTTOM: {
-	                    _this.pan(0, -_this.keyPanSpeed);
-	                    _this.update();
-	                    break;
-	                }
-	                case _this.keys.LEFT: {
-	                    _this.pan(_this.keyPanSpeed, 0);
-	                    _this.update();
-	                    break;
-	                }
-	                case _this.keys.RIGHT: {
-	                    _this.pan(-_this.keyPanSpeed, 0);
-	                    _this.update();
-	                    break;
-	                }
-	            }
-	        };
-	        _this.onTouchStart = function (event) {
-	            if (_this.enabled === false)
-	                return;
-	            switch (event.touches.length) {
-	                // one-fingered touch: rotate
-	                case 1: {
-	                    if (_this.enableRotate === false)
-	                        return;
-	                    _this.rotateStart.set(event.touches[0].pageX, event.touches[0].pageY);
-	                    _this.state = STATE.TOUCH_ROTATE;
-	                    break;
-	                }
-	                // two-fingered touch: dolly
-	                case 2: {
-	                    if (_this.enableZoom === false)
-	                        return;
-	                    var dx = event.touches[0].pageX - event.touches[1].pageX;
-	                    var dy = event.touches[0].pageY - event.touches[1].pageY;
-	                    var distance = Math.sqrt(dx * dx + dy * dy);
-	                    _this.dollyStart.set(0, distance);
-	                    _this.state = STATE.TOUCH_DOLLY;
-	                    break;
-	                }
-	                // three-fingered touch: pan
-	                case 3: {
-	                    if (_this.enablePan === false)
-	                        return;
-	                    _this.panStart.set(event.touches[0].pageX, event.touches[0].pageY);
-	                    _this.state = STATE.TOUCH_PAN;
-	                    break;
-	                }
-	                default: {
-	                    _this.state = STATE.NONE;
-	                }
-	            }
-	            if (_this.state !== STATE.NONE) {
-	                _this.dispatchEvent(START_EVENT);
-	            }
-	        };
-	        _this.onTouchMove = function (event) {
-	            if (_this.enabled === false)
-	                return;
-	            event.preventDefault();
-	            event.stopPropagation();
-	            switch (event.touches.length) {
-	                // one-fingered touch: rotate
-	                case 1: {
-	                    if (_this.enableRotate === false)
-	                        return;
-	                    if (_this.state !== STATE.TOUCH_ROTATE)
-	                        return; // is this needed?...
-	                    _this.rotateEnd.set(event.touches[0].pageX, event.touches[0].pageY);
-	                    _this.rotateDelta.subVectors(_this.rotateEnd, _this.rotateStart);
-	                    var element = _this.domElement === document ? _this.domElement.body : _this.domElement;
-	                    // rotating across whole screen goes 360 degrees around
-	                    _this.rotateLeft(2 * Math.PI * _this.rotateDelta.x / element.clientWidth * _this.rotateSpeed);
-	                    // rotating up and down along whole screen attempts to go 360, but limited to 180
-	                    _this.rotateUp(2 * Math.PI * _this.rotateDelta.y / element.clientHeight * _this.rotateSpeed);
-	                    _this.rotateStart.copy(_this.rotateEnd);
-	                    _this.update();
-	                    break;
-	                }
-	                // two-fingered touch: dolly
-	                case 2: {
-	                    if (_this.enableZoom === false)
-	                        return;
-	                    if (_this.state !== STATE.TOUCH_DOLLY)
-	                        return; // is this needed?...
-	                    // console.log( "handleTouchMoveDolly" );
-	                    var dx = event.touches[0].pageX - event.touches[1].pageX;
-	                    var dy = event.touches[0].pageY - event.touches[1].pageY;
-	                    var distance = Math.sqrt(dx * dx + dy * dy);
-	                    _this.dollyEnd.set(0, distance);
-	                    _this.dollyDelta.subVectors(_this.dollyEnd, _this.dollyStart);
-	                    if (_this.dollyDelta.y > 0) {
-	                        _this.dollyOut(_this.getZoomScale());
-	                    }
-	                    else if (_this.dollyDelta.y < 0) {
-	                        _this.dollyIn(_this.getZoomScale());
-	                    }
-	                    _this.dollyStart.copy(_this.dollyEnd);
-	                    _this.update();
-	                    break;
-	                }
-	                // three-fingered touch: pan
-	                case 3: {
-	                    if (_this.enablePan === false)
-	                        return;
-	                    if (_this.state !== STATE.TOUCH_PAN)
-	                        return; // is this needed?...
-	                    _this.panEnd.set(event.touches[0].pageX, event.touches[0].pageY);
-	                    _this.panDelta.subVectors(_this.panEnd, _this.panStart);
-	                    _this.pan(_this.panDelta.x, _this.panDelta.y);
-	                    _this.panStart.copy(_this.panEnd);
-	                    _this.update();
-	                    break;
-	                }
-	                default: {
-	                    _this.state = STATE.NONE;
-	                }
-	            }
-	        };
-	        _this.onTouchEnd = function (event) {
-	            if (_this.enabled === false)
-	                return;
-	            _this.dispatchEvent(END_EVENT);
-	            _this.state = STATE.NONE;
-	        };
-	        _this.onContextMenu = function (event) {
-	            event.preventDefault();
-	        };
-	        _this.domElement.addEventListener("contextmenu", _this.onContextMenu, false);
-	        _this.domElement.addEventListener("mousedown", _this.onMouseDown, false);
-	        _this.domElement.addEventListener("wheel", _this.onMouseWheel, false);
-	        _this.domElement.addEventListener("touchstart", _this.onTouchStart, false);
-	        _this.domElement.addEventListener("touchend", _this.onTouchEnd, false);
-	        _this.domElement.addEventListener("touchmove", _this.onTouchMove, false);
-	        _this.window.addEventListener("keydown", _this.onKeyDown, false);
-	        // force an update at start
-	        _this.update();
-	        return _this;
-	    }
-	    OrbitControls.prototype.update = function () {
-	        var position = this.object.position;
-	        this.updateOffset.copy(position).sub(this.target);
-	        // rotate offset to "y-axis-is-up" space
-	        this.updateOffset.applyQuaternion(this.updateQuat);
-	        // angle from z-axis around y-axis
-	        this.spherical.setFromVector3(this.updateOffset);
-	        if (this.autoRotate && this.state === STATE.NONE) {
-	            this.rotateLeft(this.getAutoRotationAngle());
-	        }
-	        this.spherical.theta += this.sphericalDelta.theta;
-	        this.spherical.phi += this.sphericalDelta.phi;
-	        // restrict theta to be between desired limits
-	        this.spherical.theta = Math.max(this.minAzimuthAngle, Math.min(this.maxAzimuthAngle, this.spherical.theta));
-	        // restrict phi to be between desired limits
-	        this.spherical.phi = Math.max(this.minPolarAngle, Math.min(this.maxPolarAngle, this.spherical.phi));
-	        this.spherical.makeSafe();
-	        this.spherical.radius *= this.scale;
-	        // restrict radius to be between desired limits
-	        this.spherical.radius = Math.max(this.minDistance, Math.min(this.maxDistance, this.spherical.radius));
-	        // move target to panned location
-	        this.target.add(this.panOffset);
-	        this.updateOffset.setFromSpherical(this.spherical);
-	        // rotate offset back to "camera-up-vector-is-up" space
-	        this.updateOffset.applyQuaternion(this.updateQuatInverse);
-	        position.copy(this.target).add(this.updateOffset);
-	        this.object.lookAt(this.target);
-	        if (this.enableDamping === true) {
-	            this.sphericalDelta.theta *= (1 - this.dampingFactor);
-	            this.sphericalDelta.phi *= (1 - this.dampingFactor);
-	        }
-	        else {
-	            this.sphericalDelta.set(0, 0, 0);
-	        }
-	        this.scale = 1;
-	        this.panOffset.set(0, 0, 0);
-	        // update condition is:
-	        // min(camera displacement, camera rotation in radians)^2 > EPS
-	        // using small-angle approximation cos(x/2) = 1 - x^2 / 8
-	        if (this.zoomChanged ||
-	            this.updateLastPosition.distanceToSquared(this.object.position) > EPS ||
-	            8 * (1 - this.updateLastQuaternion.dot(this.object.quaternion)) > EPS) {
-	            this.dispatchEvent(CHANGE_EVENT);
-	            this.updateLastPosition.copy(this.object.position);
-	            this.updateLastQuaternion.copy(this.object.quaternion);
-	            this.zoomChanged = false;
-	            return true;
-	        }
-	        return false;
-	    };
-	    OrbitControls.prototype.panLeft = function (distance, objectMatrix) {
-	        this.panLeftV.setFromMatrixColumn(objectMatrix, 0); // get X column of objectMatrix
-	        this.panLeftV.multiplyScalar(-distance);
-	        this.panOffset.add(this.panLeftV);
-	    };
-	    OrbitControls.prototype.panUp = function (distance, objectMatrix) {
-	        this.panUpV.setFromMatrixColumn(objectMatrix, 1); // get Y column of objectMatrix
-	        this.panUpV.multiplyScalar(distance);
-	        this.panOffset.add(this.panUpV);
-	    };
-	    // deltaX and deltaY are in pixels; right and down are positive
-	    OrbitControls.prototype.pan = function (deltaX, deltaY) {
-	        var element = this.domElement === document ? this.domElement.body : this.domElement;
-	        if (this.object instanceof three.PerspectiveCamera) {
-	            // perspective
-	            var position = this.object.position;
-	            this.panInternalOffset.copy(position).sub(this.target);
-	            var targetDistance = this.panInternalOffset.length();
-	            // half of the fov is center to top of screen
-	            targetDistance *= Math.tan((this.object.fov / 2) * Math.PI / 180.0);
-	            // we actually don"t use screenWidth, since perspective camera is fixed to screen height
-	            this.panLeft(2 * deltaX * targetDistance / element.clientHeight, this.object.matrix);
-	            this.panUp(2 * deltaY * targetDistance / element.clientHeight, this.object.matrix);
-	        }
-	        else if (this.object instanceof three.OrthographicCamera) {
-	            // orthographic
-	            this.panLeft(deltaX * (this.object.right - this.object.left) / this.object.zoom / element.clientWidth, this.object.matrix);
-	            this.panUp(deltaY * (this.object.top - this.object.bottom) / this.object.zoom / element.clientHeight, this.object.matrix);
-	        }
-	        else {
-	            // camera neither orthographic nor perspective
-	            console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.");
-	            this.enablePan = false;
-	        }
-	    };
-	    OrbitControls.prototype.dollyIn = function (dollyScale) {
-	        if (this.object instanceof three.PerspectiveCamera) {
-	            this.scale /= dollyScale;
-	        }
-	        else if (this.object instanceof three.OrthographicCamera) {
-	            this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom * dollyScale));
-	            this.object.updateProjectionMatrix();
-	            this.zoomChanged = true;
-	        }
-	        else {
-	            console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.");
-	            this.enableZoom = false;
-	        }
-	    };
-	    OrbitControls.prototype.dollyOut = function (dollyScale) {
-	        if (this.object instanceof three.PerspectiveCamera) {
-	            this.scale *= dollyScale;
-	        }
-	        else if (this.object instanceof three.OrthographicCamera) {
-	            this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / dollyScale));
-	            this.object.updateProjectionMatrix();
-	            this.zoomChanged = true;
-	        }
-	        else {
-	            console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.");
-	            this.enableZoom = false;
-	        }
-	    };
-	    OrbitControls.prototype.getAutoRotationAngle = function () {
-	        return 2 * Math.PI / 60 / 60 * this.autoRotateSpeed;
-	    };
-	    OrbitControls.prototype.getZoomScale = function () {
-	        return Math.pow(0.95, this.zoomSpeed);
-	    };
-	    OrbitControls.prototype.rotateLeft = function (angle) {
-	        this.sphericalDelta.theta -= angle;
-	    };
-	    OrbitControls.prototype.rotateUp = function (angle) {
-	        this.sphericalDelta.phi -= angle;
-	    };
-	    OrbitControls.prototype.getPolarAngle = function () {
-	        return this.spherical.phi;
-	    };
-	    OrbitControls.prototype.getAzimuthalAngle = function () {
-	        return this.spherical.theta;
-	    };
-	    OrbitControls.prototype.dispose = function () {
-	        this.domElement.removeEventListener("contextmenu", this.onContextMenu, false);
-	        this.domElement.removeEventListener("mousedown", this.onMouseDown, false);
-	        this.domElement.removeEventListener("wheel", this.onMouseWheel, false);
-	        this.domElement.removeEventListener("touchstart", this.onTouchStart, false);
-	        this.domElement.removeEventListener("touchend", this.onTouchEnd, false);
-	        this.domElement.removeEventListener("touchmove", this.onTouchMove, false);
-	        document.removeEventListener("mousemove", this.onMouseMove, false);
-	        document.removeEventListener("mouseup", this.onMouseUp, false);
-	        this.window.removeEventListener("keydown", this.onKeyDown, false);
-	        // this.dispatchEvent( { type: "dispose" } ); // should this be added here?
-	    };
-	    OrbitControls.prototype.reset = function () {
-	        this.target.copy(this.target0);
-	        this.object.position.copy(this.position0);
-	        this.object.zoom = this.zoom0;
-	        this.object.updateProjectionMatrix();
-	        this.dispatchEvent(CHANGE_EVENT);
-	        this.update();
-	        this.state = STATE.NONE;
-	    };
-	    return OrbitControls;
-	}(three.EventDispatcher));
-	function createOrbitControls(skinViewer) {
-	    var control = new OrbitControls(skinViewer.camera, skinViewer.renderer.domElement);
-	    // default configuration
-	    control.enablePan = false;
-	    control.target = new three.Vector3(0, -12, 0);
-	    control.minDistance = 10;
-	    control.maxDistance = 256;
-	    control.update();
-	    return control;
-	}
-
-	exports.BodyPart = BodyPart;
-	exports.CapeObject = CapeObject;
-	exports.CompositeAnimation = CompositeAnimation;
-	exports.OrbitControls = OrbitControls;
-	exports.PlayerObject = PlayerObject;
-	exports.RootAnimation = RootAnimation;
-	exports.RotatingAnimation = RotatingAnimation;
-	exports.RunningAnimation = RunningAnimation;
-	exports.SkinObject = SkinObject;
-	exports.SkinViewer = SkinViewer;
-	exports.WalkingAnimation = WalkingAnimation;
-	exports.createOrbitControls = createOrbitControls;
-	exports.invokeAnimation = invokeAnimation;
-	exports.isSlimSkin = isSlimSkin;
-
-	Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
diff --git a/js/dist/skinview3d.min.js b/js/dist/skinview3d.min.js
index 3a09d3c..ddd9f54 100644
--- a/js/dist/skinview3d.min.js
+++ b/js/dist/skinview3d.min.js
@@ -1,21 +1,2 @@
-/**
- * skinview3d (https://github.com/bs-community/skinview3d)
- *
- * MIT License
- */
-
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("three")):"function"==typeof define&&define.amd?define(["exports","three"],t):t((e=e||self).skinview3d={},e.THREE)}(this,(function(e,t){"use strict";
-/*! *****************************************************************************
-	Copyright (c) Microsoft Corporation. All rights reserved.
-	Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-	this file except in compliance with the License. You may obtain a copy of the
-	License at http://www.apache.org/licenses/LICENSE-2.0
-
-	THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-	KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-	WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-	MERCHANTABLITY OR NON-INFRINGEMENT.
-
-	See the Apache Version 2.0 License for specific language governing permissions
-	and limitations under the License.
-	***************************************************************************** */var n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function a(e,t){function a(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(a.prototype=t.prototype,new a)}function o(e,n,a,o,i,r){return[new t.Vector2(e/i,1-o/r),new t.Vector2(a/i,1-o/r),new t.Vector2(a/i,1-n/r),new t.Vector2(e/i,1-n/r)]}function i(e,t,n,a){return o(e,t,n,a,64,64)}function r(e,t,n,a){return o(e,t,n,a,64,32)}function s(e,t,n,a,o,i,r){e.faceVertexUvs[0]=[],e.faceVertexUvs[0][0]=[i[3],i[0],i[2]],e.faceVertexUvs[0][1]=[i[0],i[1],i[2]],e.faceVertexUvs[0][2]=[a[3],a[0],a[2]],e.faceVertexUvs[0][3]=[a[0],a[1],a[2]],e.faceVertexUvs[0][4]=[t[3],t[0],t[2]],e.faceVertexUvs[0][5]=[t[0],t[1],t[2]],e.faceVertexUvs[0][6]=[n[0],n[3],n[1]],e.faceVertexUvs[0][7]=[n[3],n[2],n[1]],e.faceVertexUvs[0][8]=[o[3],o[0],o[2]],e.faceVertexUvs[0][9]=[o[0],o[1],o[2]],e.faceVertexUvs[0][10]=[r[3],r[0],r[2]],e.faceVertexUvs[0][11]=[r[0],r[1],r[2]]}var h=.002,c=function(e){function t(t,n){var a=e.call(this)||this;return a.innerLayer=t,a.outerLayer=n,t.name="inner",n.name="outer",a}return a(t,e),t}(t.Group),d=function(e){function n(n,a){var o=e.call(this)||this;o.modelListeners=[],o._slim=!1;var r=new t.BoxGeometry(8,8,8,0,0,0);s(r,i(8,0,16,8),i(16,0,24,8),i(0,8,8,16),i(8,8,16,16),i(16,8,24,16),i(24,8,32,16));var d=new t.Mesh(r,n),l=new t.BoxGeometry(9,9,9,0,0,0);s(l,i(40,0,48,8),i(48,0,56,8),i(32,8,40,16),i(40,8,48,16),i(48,8,56,16),i(56,8,64,16));var p=new t.Mesh(l,a);p.renderOrder=-1,o.head=new c(d,p),o.head.name="head",o.head.add(d,p),o.add(o.head);var u=new t.BoxGeometry(8,12,4,0,0,0);s(u,i(20,16,28,20),i(28,16,36,20),i(16,20,20,32),i(20,20,28,32),i(28,20,32,32),i(32,20,40,32));var m=new t.Mesh(u,n),f=new t.BoxGeometry(9,13.5,4.5,0,0,0);s(f,i(20,32,28,36),i(28,32,36,36),i(16,36,20,48),i(20,36,28,48),i(28,36,32,48),i(32,36,40,48));var y=new t.Mesh(f,a);o.body=new c(m,y),o.body.name="body",o.body.add(m,y),o.body.position.y=-10,o.add(o.body);var g=new t.BoxGeometry(1,1,1,0,0,0),v=new t.Mesh(g,n);o.modelListeners.push((function(){v.scale.x=(o.slim?3:4)-h,v.scale.y=12-h,v.scale.z=4-h,o.slim?s(g,i(44,16,47,20),i(47,16,50,20),i(40,20,44,32),i(44,20,47,32),i(47,20,51,32),i(51,20,54,32)):s(g,i(44,16,48,20),i(48,16,52,20),i(40,20,44,32),i(44,20,48,32),i(48,20,52,32),i(52,20,56,32)),g.uvsNeedUpdate=!0,g.elementsNeedUpdate=!0}));var w=new t.BoxGeometry(1,1,1,0,0,0),b=new t.Mesh(w,a);b.renderOrder=1,o.modelListeners.push((function(){b.scale.x=(o.slim?3.375:4.5)-h,b.scale.y=13.5-h,b.scale.z=4.5-h,o.slim?s(w,i(44,32,47,36),i(47,32,50,36),i(40,36,44,48),i(44,36,47,48),i(47,36,51,48),i(51,36,54,48)):s(w,i(44,32,48,36),i(48,32,52,36),i(40,36,44,48),i(44,36,48,48),i(48,36,52,48),i(52,36,56,48)),w.uvsNeedUpdate=!0,w.elementsNeedUpdate=!0}));var M=new t.Group;M.add(v,b),M.position.y=-6,o.rightArm=new c(v,b),o.rightArm.name="rightArm",o.rightArm.add(M),o.rightArm.position.y=-4,o.modelListeners.push((function(){o.rightArm.position.x=o.slim?-5.5:-6})),o.add(o.rightArm);var E=new t.BoxGeometry(1,1,1,0,0,0),x=new t.Mesh(E,n);o.modelListeners.push((function(){x.scale.x=(o.slim?3:4)-h,x.scale.y=12-h,x.scale.z=4-h,o.slim?s(E,i(36,48,39,52),i(39,48,42,52),i(32,52,36,64),i(36,52,39,64),i(39,52,43,64),i(43,52,46,64)):s(E,i(36,48,40,52),i(40,48,44,52),i(32,52,36,64),i(36,52,40,64),i(40,52,44,64),i(44,52,48,64)),E.uvsNeedUpdate=!0,E.elementsNeedUpdate=!0}));var O=new t.BoxGeometry(1,1,1,0,0,0),L=new t.Mesh(O,a);L.renderOrder=1,o.modelListeners.push((function(){L.scale.x=(o.slim?3.375:4.5)-h,L.scale.y=13.5-h,L.scale.z=4.5-h,o.slim?s(O,i(52,48,55,52),i(55,48,58,52),i(48,52,52,64),i(52,52,55,64),i(55,52,59,64),i(59,52,62,64)):s(O,i(52,48,56,52),i(56,48,60,52),i(48,52,52,64),i(52,52,56,64),i(56,52,60,64),i(60,52,64,64)),O.uvsNeedUpdate=!0,O.elementsNeedUpdate=!0}));var P=new t.Group;P.add(x,L),P.position.y=-6,o.leftArm=new c(x,L),o.leftArm.name="leftArm",o.leftArm.add(P),o.leftArm.position.y=-4,o.modelListeners.push((function(){o.leftArm.position.x=o.slim?5.5:6})),o.add(o.leftArm);var A=new t.BoxGeometry(4-h,12-h,4-h,0,0,0);s(A,i(4,16,8,20),i(8,16,12,20),i(0,20,4,32),i(4,20,8,32),i(8,20,12,32),i(12,20,16,32));var k=new t.Mesh(A,n),S=new t.BoxGeometry(4.5-h,13.5-h,4.5-h,0,0,0);s(S,i(4,32,8,36),i(8,32,12,36),i(0,36,4,48),i(4,36,8,48),i(8,36,12,48),i(12,36,16,48));var T=new t.Mesh(S,a);T.renderOrder=1;var j=new t.Group;j.add(k,T),j.position.y=-6,o.rightLeg=new c(k,T),o.rightLeg.name="rightLeg",o.rightLeg.add(j),o.rightLeg.position.y=-16,o.rightLeg.position.x=-2,o.add(o.rightLeg);var D=new t.BoxGeometry(4-h,12-h,4-h,0,0,0);s(D,i(20,48,24,52),i(24,48,28,52),i(16,52,20,64),i(20,52,24,64),i(24,52,28,64),i(28,52,32,64));var U=new t.Mesh(D,n),I=new t.BoxGeometry(4.5-h,13.5-h,4.5-h,0,0,0);s(I,i(4,48,8,52),i(8,48,12,52),i(0,52,4,64),i(4,52,8,64),i(8,52,12,64),i(12,52,16,64));var V=new t.Mesh(I,a);V.renderOrder=1;var C=new t.Group;return C.add(U,V),C.position.y=-6,o.leftLeg=new c(U,V),o.leftLeg.name="leftLeg",o.leftLeg.add(C),o.leftLeg.position.y=-16,o.leftLeg.position.x=2,o.add(o.leftLeg),o.slim=!1,o}return a(n,e),Object.defineProperty(n.prototype,"slim",{get:function(){return this._slim},set:function(e){this._slim=e,this.modelListeners.forEach((function(e){return e()}))},enumerable:!0,configurable:!0}),n.prototype.getBodyParts=function(){return this.children.filter((function(e){return e instanceof c}))},n.prototype.setInnerLayerVisible=function(e){this.getBodyParts().forEach((function(t){return t.innerLayer.visible=e}))},n.prototype.setOuterLayerVisible=function(e){this.getBodyParts().forEach((function(t){return t.outerLayer.visible=e}))},n}(t.Group),l=function(e){function n(n){var a=e.call(this)||this,o=new t.BoxGeometry(10,16,1,0,0,0);return s(o,r(1,0,11,1),r(11,0,21,1),r(11,1,12,17),r(12,1,22,17),r(0,1,1,17),r(1,1,11,17)),a.cape=new t.Mesh(o,n),a.cape.position.y=-8,a.cape.position.z=-.5,a.add(a.cape),a}return a(n,e),n}(t.Group),p=function(e){function t(t,n,a){var o=e.call(this)||this;return o.skin=new d(t,n),o.skin.name="skin",o.skin.visible=!1,o.add(o.skin),o.cape=new l(a),o.cape.name="cape",o.cape.position.z=-2,o.cape.position.y=-4,o.cape.rotation.x=25*Math.PI/180,o.cape.visible=!1,o.add(o.cape),o}return a(t,e),t}(t.Group);function u(e,t,n){e instanceof Function?e(t,n):e.play(t,n)}var m=function(){function e(e){this.speed=1,this.paused=!1,this.progress=0,this.lastTime=0,this.started=!1,this.toResetAndRemove=!1,this.animation=e}return e.prototype.play=function(e,t){if(this.toResetAndRemove)return u(this.animation,e,0),void this.remove();var n;this.started?n=t-this.lastTime:(n=0,this.started=!0),this.lastTime=t,this.paused||(this.progress+=n*this.speed),u(this.animation,e,this.progress)},e.prototype.reset=function(){this.progress=0},e.prototype.remove=function(){},e.prototype.resetAndRemove=function(){this.toResetAndRemove=!0},e}(),f=function(){function e(){this.handles=new Set}return e.prototype.add=function(e){var t=this,n=new m(e);return n.remove=function(){t.handles.delete(n)},this.handles.add(n),n},e.prototype.play=function(e,t){this.handles.forEach((function(n){return n.play(e,t)}))},e}(),y=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.speed=1,n.progress=0,n.clock=new t.Clock(!0),n}return a(n,e),Object.defineProperty(n.prototype,"animation",{get:function(){return this},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"paused",{get:function(){return!this.clock.running},set:function(e){e?this.clock.stop():this.clock.start()},enumerable:!0,configurable:!0}),n.prototype.runAnimationLoop=function(e){0!==this.handles.size&&(this.progress+=this.clock.getDelta()*this.speed,this.play(e,this.progress))},n.prototype.reset=function(){this.progress=0},n}(f);function g(e,t,n,a,o){for(var i=e.getImageData(t,n,a,o),r=0;r<a;r++)for(var s=0;s<o;s++){var h=4*(r+s*a);if(255!==i.data[h+3])return!0}return!1}function v(e){return e/64}function w(e,t){var n=v(t),a=function(t,a,o,i,r,s,h){return function(e,t,n,a,o,i,r,s){var h=e.getImageData(t,n,a,o);if(s)for(var c=0;c<o;c++)for(var d=0;d<a/2;d++){var l=4*(d+c*a),p=4*(a-d-1+c*a),u=h.data[l],m=h.data[l+1],f=h.data[l+2],y=h.data[l+3],g=h.data[p],v=h.data[p+1],w=h.data[p+2],b=h.data[p+3];h.data[l]=g,h.data[l+1]=v,h.data[l+2]=w,h.data[l+3]=b,h.data[p]=u,h.data[p+1]=m,h.data[p+2]=f,h.data[p+3]=y}e.putImageData(h,i,r)}(e,t*n,a*n,o*n,i*n,r*n,s*n,h)};!function(e,t){if(!g(e,0,0,t,t/2)){var n=v(t),a=function(t,a,o,i){return e.clearRect(t*n,a*n,o*n,i*n)};a(40,0,8,8),a(48,0,8,8),a(32,8,8,8),a(40,8,8,8),a(48,8,8,8),a(56,8,8,8)}}(e,t),a(4,16,4,4,20,48,!0),a(8,16,4,4,24,48,!0),a(0,20,4,12,24,52,!0),a(4,20,4,12,20,52,!0),a(8,20,4,12,16,52,!0),a(12,20,4,12,28,52,!0),a(44,16,4,4,36,48,!0),a(48,16,4,4,40,48,!0),a(40,20,4,12,40,52,!0),a(44,20,4,12,36,52,!0),a(48,20,4,12,32,52,!0),a(52,20,4,12,44,52,!0)}function b(e,t){var n=!1;if(t.width!==t.height){if(t.width!==2*t.height)throw new Error("Bad skin size: "+t.width+"x"+t.height);n=!0}var a=e.getContext("2d");if(n){var o=t.width;e.width=o,e.height=o,a.clearRect(0,0,o,o),a.drawImage(t,0,0,o,o/2),w(a,o)}else e.width=t.width,e.height=t.height,a.clearRect(0,0,t.width,t.height),a.drawImage(t,0,0,e.width,e.height)}function M(e){if(e instanceof HTMLCanvasElement){var t=v((o=e).width),n=o.getContext("2d"),a=function(e,a,o,i){return g(n,e*t,a*t,o*t,i*t)};return a(50,16,2,4)||a(54,20,2,12)||a(42,48,2,4)||a(46,52,2,12)}var o,i=e;return b(o=document.createElement("canvas"),i),M(o)}var E=function(){function e(e){var n=this;this.animations=new y,this.detectModel=!0,this.disposed=!1,this._renderPaused=!1,this.domElement=e.domElement,!1===e.detectModel&&(this.detectModel=!1),this.skinImg=new Image,this.skinCanvas=document.createElement("canvas"),this.skinTexture=new t.Texture(this.skinCanvas),this.skinTexture.magFilter=t.NearestFilter,this.skinTexture.minFilter=t.NearestFilter,this.capeImg=new Image,this.capeCanvas=document.createElement("canvas"),this.capeTexture=new t.Texture(this.capeCanvas),this.capeTexture.magFilter=t.NearestFilter,this.capeTexture.minFilter=t.NearestFilter,this.layer1Material=new t.MeshBasicMaterial({map:this.skinTexture,side:t.FrontSide}),this.layer2Material=new t.MeshBasicMaterial({map:this.skinTexture,transparent:!0,opacity:1,side:t.DoubleSide,alphaTest:.5}),this.capeMaterial=new t.MeshBasicMaterial({map:this.capeTexture,transparent:!0,opacity:1,side:t.DoubleSide,alphaTest:.5}),this.scene=new t.Scene,this.camera=new t.PerspectiveCamera(40),this.camera.position.y=-12,this.camera.position.z=60,this.renderer=new t.WebGLRenderer({alpha:!0,antialias:!1}),this.renderer.setSize(300,300),this.domElement.appendChild(this.renderer.domElement),this.playerObject=new p(this.layer1Material,this.layer2Material,this.capeMaterial),this.playerObject.name="player",this.scene.add(this.playerObject),this.skinImg.crossOrigin="anonymous",this.skinImg.onerror=function(){return console.error("Failed loading "+n.skinImg.src)},this.skinImg.onload=function(){b(n.skinCanvas,n.skinImg),n.detectModel&&(n.playerObject.skin.slim=M(n.skinCanvas)),n.skinTexture.needsUpdate=!0,n.layer1Material.needsUpdate=!0,n.layer2Material.needsUpdate=!0,n.playerObject.skin.visible=!0},this.capeImg.crossOrigin="anonymous",this.capeImg.onerror=function(){return console.error("Failed loading "+n.capeImg.src)},this.capeImg.onload=function(){!function(e,t){var n=!1;if(t.width!==2*t.height){if(17*t.width!=22*t.height)throw new Error("Bad cape size: "+t.width+"x"+t.height);n=!0}var a=e.getContext("2d");if(n){var o=64*t.width/22;e.width=o,e.height=o/2}else e.width=t.width,e.height=t.height;a.clearRect(0,0,e.width,e.height),a.drawImage(t,0,0,t.width,t.height)}(n.capeCanvas,n.capeImg),n.capeTexture.needsUpdate=!0,n.capeMaterial.needsUpdate=!0,n.playerObject.cape.visible=!0},e.skinUrl&&(this.skinUrl=e.skinUrl),e.capeUrl&&(this.capeUrl=e.capeUrl),e.width&&(this.width=e.width),e.height&&(this.height=e.height),window.requestAnimationFrame((function(){return n.draw()}))}return e.prototype.draw=function(){var e=this;this.disposed||this._renderPaused||(this.animations.runAnimationLoop(this.playerObject),this.renderer.render(this.scene,this.camera),window.requestAnimationFrame((function(){return e.draw()})))},e.prototype.setSize=function(e,t){this.camera.aspect=e/t,this.camera.updateProjectionMatrix(),this.renderer.setSize(e,t)},e.prototype.dispose=function(){this.disposed=!0,this.domElement.removeChild(this.renderer.domElement),this.renderer.dispose(),this.skinTexture.dispose(),this.capeTexture.dispose()},Object.defineProperty(e.prototype,"renderPaused",{get:function(){return this._renderPaused},set:function(e){var t=this,n=!this.disposed&&!e&&this._renderPaused;this._renderPaused=e,n&&window.requestAnimationFrame((function(){return t.draw()}))},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"skinUrl",{get:function(){return this.skinImg.src},set:function(e){this.skinImg.src=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"capeUrl",{get:function(){return this.capeImg.src},set:function(e){this.capeImg.src=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"width",{get:function(){var e=new t.Vector2;return this.renderer.getSize(e).width},set:function(e){this.setSize(e,this.height)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"height",{get:function(){var e=new t.Vector2;return this.renderer.getSize(e).height},set:function(e){this.setSize(this.width,e)},enumerable:!0,configurable:!0}),e}(),x={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_DOLLY:4,TOUCH_PAN:5},O={type:"change"},L={type:"start"},P={type:"end"},A=function(e){function n(n,a,o){var i=e.call(this)||this;return i.object=n,i.domElement=void 0!==a?a:document,i.window=void 0!==o?o:window,i.enabled=!0,i.target=new t.Vector3,i.minDistance=0,i.maxDistance=1/0,i.minZoom=0,i.maxZoom=1/0,i.minPolarAngle=0,i.maxPolarAngle=Math.PI,i.minAzimuthAngle=-1/0,i.maxAzimuthAngle=1/0,i.enableDamping=!1,i.dampingFactor=.25,i.enableZoom=!0,i.zoomSpeed=1,i.enableRotate=!0,i.rotateSpeed=1,i.enablePan=!0,i.keyPanSpeed=7,i.autoRotate=!1,i.autoRotateSpeed=2,i.enableKeys=!0,i.keys={LEFT:37,UP:38,RIGHT:39,BOTTOM:40},i.mouseButtons={ORBIT:t.MOUSE.LEFT,ZOOM:t.MOUSE.MIDDLE,PAN:t.MOUSE.RIGHT},i.target0=i.target.clone(),i.position0=i.object.position.clone(),i.zoom0=i.object.zoom,i.updateOffset=new t.Vector3,i.updateQuat=(new t.Quaternion).setFromUnitVectors(n.up,new t.Vector3(0,1,0)),i.updateQuatInverse=i.updateQuat.clone().inverse(),i.updateLastPosition=new t.Vector3,i.updateLastQuaternion=new t.Quaternion,i.state=x.NONE,i.scale=1,i.spherical=new t.Spherical,i.sphericalDelta=new t.Spherical,i.panOffset=new t.Vector3,i.zoomChanged=!1,i.rotateStart=new t.Vector2,i.rotateEnd=new t.Vector2,i.rotateDelta=new t.Vector2,i.panStart=new t.Vector2,i.panEnd=new t.Vector2,i.panDelta=new t.Vector2,i.dollyStart=new t.Vector2,i.dollyEnd=new t.Vector2,i.dollyDelta=new t.Vector2,i.panLeftV=new t.Vector3,i.panUpV=new t.Vector3,i.panInternalOffset=new t.Vector3,i.onMouseDown=function(e){if(!1!==i.enabled){if(e.preventDefault(),e.button===i.mouseButtons.ORBIT){if(!1===i.enableRotate)return;i.rotateStart.set(e.clientX,e.clientY),i.state=x.ROTATE}else if(e.button===i.mouseButtons.ZOOM){if(!1===i.enableZoom)return;i.dollyStart.set(e.clientX,e.clientY),i.state=x.DOLLY}else if(e.button===i.mouseButtons.PAN){if(!1===i.enablePan)return;i.panStart.set(e.clientX,e.clientY),i.state=x.PAN}i.state!==x.NONE&&(document.addEventListener("mousemove",i.onMouseMove,!1),document.addEventListener("mouseup",i.onMouseUp,!1),i.dispatchEvent(L))}},i.onMouseMove=function(e){if(!1!==i.enabled)if(e.preventDefault(),i.state===x.ROTATE){if(!1===i.enableRotate)return;i.rotateEnd.set(e.clientX,e.clientY),i.rotateDelta.subVectors(i.rotateEnd,i.rotateStart);var t=i.domElement===document?i.domElement.body:i.domElement;i.rotateLeft(2*Math.PI*i.rotateDelta.x/t.clientWidth*i.rotateSpeed),i.rotateUp(2*Math.PI*i.rotateDelta.y/t.clientHeight*i.rotateSpeed),i.rotateStart.copy(i.rotateEnd),i.update()}else if(i.state===x.DOLLY){if(!1===i.enableZoom)return;i.dollyEnd.set(e.clientX,e.clientY),i.dollyDelta.subVectors(i.dollyEnd,i.dollyStart),i.dollyDelta.y>0?i.dollyIn(i.getZoomScale()):i.dollyDelta.y<0&&i.dollyOut(i.getZoomScale()),i.dollyStart.copy(i.dollyEnd),i.update()}else if(i.state===x.PAN){if(!1===i.enablePan)return;i.panEnd.set(e.clientX,e.clientY),i.panDelta.subVectors(i.panEnd,i.panStart),i.pan(i.panDelta.x,i.panDelta.y),i.panStart.copy(i.panEnd),i.update()}},i.onMouseUp=function(e){!1!==i.enabled&&(document.removeEventListener("mousemove",i.onMouseMove,!1),document.removeEventListener("mouseup",i.onMouseUp,!1),i.dispatchEvent(P),i.state=x.NONE)},i.onMouseWheel=function(e){!1===i.enabled||!1===i.enableZoom||i.state!==x.NONE&&i.state!==x.ROTATE||(e.preventDefault(),e.stopPropagation(),e.deltaY<0?i.dollyOut(i.getZoomScale()):e.deltaY>0&&i.dollyIn(i.getZoomScale()),i.update(),i.dispatchEvent(L),i.dispatchEvent(P))},i.onKeyDown=function(e){if(!1!==i.enabled&&!1!==i.enableKeys&&!1!==i.enablePan)switch(e.keyCode){case i.keys.UP:i.pan(0,i.keyPanSpeed),i.update();break;case i.keys.BOTTOM:i.pan(0,-i.keyPanSpeed),i.update();break;case i.keys.LEFT:i.pan(i.keyPanSpeed,0),i.update();break;case i.keys.RIGHT:i.pan(-i.keyPanSpeed,0),i.update()}},i.onTouchStart=function(e){if(!1!==i.enabled){switch(e.touches.length){case 1:if(!1===i.enableRotate)return;i.rotateStart.set(e.touches[0].pageX,e.touches[0].pageY),i.state=x.TOUCH_ROTATE;break;case 2:if(!1===i.enableZoom)return;var t=e.touches[0].pageX-e.touches[1].pageX,n=e.touches[0].pageY-e.touches[1].pageY,a=Math.sqrt(t*t+n*n);i.dollyStart.set(0,a),i.state=x.TOUCH_DOLLY;break;case 3:if(!1===i.enablePan)return;i.panStart.set(e.touches[0].pageX,e.touches[0].pageY),i.state=x.TOUCH_PAN;break;default:i.state=x.NONE}i.state!==x.NONE&&i.dispatchEvent(L)}},i.onTouchMove=function(e){if(!1!==i.enabled)switch(e.preventDefault(),e.stopPropagation(),e.touches.length){case 1:if(!1===i.enableRotate)return;if(i.state!==x.TOUCH_ROTATE)return;i.rotateEnd.set(e.touches[0].pageX,e.touches[0].pageY),i.rotateDelta.subVectors(i.rotateEnd,i.rotateStart);var t=i.domElement===document?i.domElement.body:i.domElement;i.rotateLeft(2*Math.PI*i.rotateDelta.x/t.clientWidth*i.rotateSpeed),i.rotateUp(2*Math.PI*i.rotateDelta.y/t.clientHeight*i.rotateSpeed),i.rotateStart.copy(i.rotateEnd),i.update();break;case 2:if(!1===i.enableZoom)return;if(i.state!==x.TOUCH_DOLLY)return;var n=e.touches[0].pageX-e.touches[1].pageX,a=e.touches[0].pageY-e.touches[1].pageY,o=Math.sqrt(n*n+a*a);i.dollyEnd.set(0,o),i.dollyDelta.subVectors(i.dollyEnd,i.dollyStart),i.dollyDelta.y>0?i.dollyOut(i.getZoomScale()):i.dollyDelta.y<0&&i.dollyIn(i.getZoomScale()),i.dollyStart.copy(i.dollyEnd),i.update();break;case 3:if(!1===i.enablePan)return;if(i.state!==x.TOUCH_PAN)return;i.panEnd.set(e.touches[0].pageX,e.touches[0].pageY),i.panDelta.subVectors(i.panEnd,i.panStart),i.pan(i.panDelta.x,i.panDelta.y),i.panStart.copy(i.panEnd),i.update();break;default:i.state=x.NONE}},i.onTouchEnd=function(e){!1!==i.enabled&&(i.dispatchEvent(P),i.state=x.NONE)},i.onContextMenu=function(e){e.preventDefault()},i.domElement.addEventListener("contextmenu",i.onContextMenu,!1),i.domElement.addEventListener("mousedown",i.onMouseDown,!1),i.domElement.addEventListener("wheel",i.onMouseWheel,!1),i.domElement.addEventListener("touchstart",i.onTouchStart,!1),i.domElement.addEventListener("touchend",i.onTouchEnd,!1),i.domElement.addEventListener("touchmove",i.onTouchMove,!1),i.window.addEventListener("keydown",i.onKeyDown,!1),i.update(),i}return a(n,e),n.prototype.update=function(){var e=this.object.position;return this.updateOffset.copy(e).sub(this.target),this.updateOffset.applyQuaternion(this.updateQuat),this.spherical.setFromVector3(this.updateOffset),this.autoRotate&&this.state===x.NONE&&this.rotateLeft(this.getAutoRotationAngle()),this.spherical.theta+=this.sphericalDelta.theta,this.spherical.phi+=this.sphericalDelta.phi,this.spherical.theta=Math.max(this.minAzimuthAngle,Math.min(this.maxAzimuthAngle,this.spherical.theta)),this.spherical.phi=Math.max(this.minPolarAngle,Math.min(this.maxPolarAngle,this.spherical.phi)),this.spherical.makeSafe(),this.spherical.radius*=this.scale,this.spherical.radius=Math.max(this.minDistance,Math.min(this.maxDistance,this.spherical.radius)),this.target.add(this.panOffset),this.updateOffset.setFromSpherical(this.spherical),this.updateOffset.applyQuaternion(this.updateQuatInverse),e.copy(this.target).add(this.updateOffset),this.object.lookAt(this.target),!0===this.enableDamping?(this.sphericalDelta.theta*=1-this.dampingFactor,this.sphericalDelta.phi*=1-this.dampingFactor):this.sphericalDelta.set(0,0,0),this.scale=1,this.panOffset.set(0,0,0),!!(this.zoomChanged||this.updateLastPosition.distanceToSquared(this.object.position)>1e-6||8*(1-this.updateLastQuaternion.dot(this.object.quaternion))>1e-6)&&(this.dispatchEvent(O),this.updateLastPosition.copy(this.object.position),this.updateLastQuaternion.copy(this.object.quaternion),this.zoomChanged=!1,!0)},n.prototype.panLeft=function(e,t){this.panLeftV.setFromMatrixColumn(t,0),this.panLeftV.multiplyScalar(-e),this.panOffset.add(this.panLeftV)},n.prototype.panUp=function(e,t){this.panUpV.setFromMatrixColumn(t,1),this.panUpV.multiplyScalar(e),this.panOffset.add(this.panUpV)},n.prototype.pan=function(e,n){var a=this.domElement===document?this.domElement.body:this.domElement;if(this.object instanceof t.PerspectiveCamera){var o=this.object.position;this.panInternalOffset.copy(o).sub(this.target);var i=this.panInternalOffset.length();i*=Math.tan(this.object.fov/2*Math.PI/180),this.panLeft(2*e*i/a.clientHeight,this.object.matrix),this.panUp(2*n*i/a.clientHeight,this.object.matrix)}else this.object instanceof t.OrthographicCamera?(this.panLeft(e*(this.object.right-this.object.left)/this.object.zoom/a.clientWidth,this.object.matrix),this.panUp(n*(this.object.top-this.object.bottom)/this.object.zoom/a.clientHeight,this.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),this.enablePan=!1)},n.prototype.dollyIn=function(e){this.object instanceof t.PerspectiveCamera?this.scale/=e:this.object instanceof t.OrthographicCamera?(this.object.zoom=Math.max(this.minZoom,Math.min(this.maxZoom,this.object.zoom*e)),this.object.updateProjectionMatrix(),this.zoomChanged=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),this.enableZoom=!1)},n.prototype.dollyOut=function(e){this.object instanceof t.PerspectiveCamera?this.scale*=e:this.object instanceof t.OrthographicCamera?(this.object.zoom=Math.max(this.minZoom,Math.min(this.maxZoom,this.object.zoom/e)),this.object.updateProjectionMatrix(),this.zoomChanged=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),this.enableZoom=!1)},n.prototype.getAutoRotationAngle=function(){return 2*Math.PI/60/60*this.autoRotateSpeed},n.prototype.getZoomScale=function(){return Math.pow(.95,this.zoomSpeed)},n.prototype.rotateLeft=function(e){this.sphericalDelta.theta-=e},n.prototype.rotateUp=function(e){this.sphericalDelta.phi-=e},n.prototype.getPolarAngle=function(){return this.spherical.phi},n.prototype.getAzimuthalAngle=function(){return this.spherical.theta},n.prototype.dispose=function(){this.domElement.removeEventListener("contextmenu",this.onContextMenu,!1),this.domElement.removeEventListener("mousedown",this.onMouseDown,!1),this.domElement.removeEventListener("wheel",this.onMouseWheel,!1),this.domElement.removeEventListener("touchstart",this.onTouchStart,!1),this.domElement.removeEventListener("touchend",this.onTouchEnd,!1),this.domElement.removeEventListener("touchmove",this.onTouchMove,!1),document.removeEventListener("mousemove",this.onMouseMove,!1),document.removeEventListener("mouseup",this.onMouseUp,!1),this.window.removeEventListener("keydown",this.onKeyDown,!1)},n.prototype.reset=function(){this.target.copy(this.target0),this.object.position.copy(this.position0),this.object.zoom=this.zoom0,this.object.updateProjectionMatrix(),this.dispatchEvent(O),this.update(),this.state=x.NONE},n}(t.EventDispatcher);e.BodyPart=c,e.CapeObject=l,e.CompositeAnimation=f,e.OrbitControls=A,e.PlayerObject=p,e.RootAnimation=y,e.RotatingAnimation=function(e,t){e.rotation.y=t},e.RunningAnimation=function(e,t){var n=e.skin;t*=15,n.leftLeg.rotation.x=1.3*Math.cos(t+Math.PI),n.rightLeg.rotation.x=1.3*Math.cos(t),n.leftArm.rotation.x=1.5*Math.cos(t),n.rightArm.rotation.x=1.5*Math.cos(t+Math.PI);var a=.1*Math.PI;n.leftArm.rotation.z=.1*Math.cos(t)+a,n.rightArm.rotation.z=.1*Math.cos(t+Math.PI)-a,e.position.y=Math.cos(2*t),e.position.x=.15*Math.cos(t),e.rotation.z=.01*Math.cos(t+Math.PI);var o=.3*Math.PI;e.cape.rotation.x=.1*Math.sin(2*t)+o},e.SkinObject=d,e.SkinViewer=E,e.WalkingAnimation=function(e,t){var n=e.skin;t*=8,n.leftLeg.rotation.x=.5*Math.sin(t),n.rightLeg.rotation.x=.5*Math.sin(t+Math.PI),n.leftArm.rotation.x=.5*Math.sin(t+Math.PI),n.rightArm.rotation.x=.5*Math.sin(t);var a=.02*Math.PI;n.leftArm.rotation.z=.03*Math.cos(t)+a,n.rightArm.rotation.z=.03*Math.cos(t+Math.PI)-a,n.head.rotation.y=.2*Math.sin(t/4),n.head.rotation.x=.1*Math.sin(t/5);var o=.06*Math.PI;e.cape.rotation.x=.06*Math.sin(t/1.5)+o},e.createOrbitControls=function(e){var n=new A(e.camera,e.renderer.domElement);return n.enablePan=!1,n.target=new t.Vector3(0,-12,0),n.minDistance=10,n.maxDistance=256,n.update(),n},e.invokeAnimation=u,e.isSlimSkin=M,Object.defineProperty(e,"__esModule",{value:!0})}));
+/* @preserve skinview3d / MIT License / https://github.com/bs-community/skinview3d */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("three")):"function"==typeof define&&define.amd?define(["exports","three"],e):e((t=t||self).skinview3d={},t.THREE)}(this,(function(t,e){"use strict";function s(t,s,i,a,n,h){return[new e.Vector2(t/n,1-a/h),new e.Vector2(i/n,1-a/h),new e.Vector2(i/n,1-s/h),new e.Vector2(t/n,1-s/h)]}function i(t,e,i,a){return s(t,e,i,a,64,64)}function a(t,e,i,a){return s(t,e,i,a,64,32)}function n(t,e,s,i,a,n,h){t.faceVertexUvs[0]=[],t.faceVertexUvs[0][0]=[n[3],n[0],n[2]],t.faceVertexUvs[0][1]=[n[0],n[1],n[2]],t.faceVertexUvs[0][2]=[i[3],i[0],i[2]],t.faceVertexUvs[0][3]=[i[0],i[1],i[2]],t.faceVertexUvs[0][4]=[e[3],e[0],e[2]],t.faceVertexUvs[0][5]=[e[0],e[1],e[2]],t.faceVertexUvs[0][6]=[s[0],s[3],s[1]],t.faceVertexUvs[0][7]=[s[3],s[2],s[1]],t.faceVertexUvs[0][8]=[a[3],a[0],a[2]],t.faceVertexUvs[0][9]=[a[0],a[1],a[2]],t.faceVertexUvs[0][10]=[h[3],h[0],h[2]],t.faceVertexUvs[0][11]=[h[0],h[1],h[2]]}const h=.002;class o extends e.Group{constructor(t,e){super(),this.innerLayer=t,this.outerLayer=e,t.name="inner",e.name="outer"}}class r extends e.Group{constructor(t){super(),this.modelListeners=[],this._slim=!1;const s=new e.MeshBasicMaterial({map:t,side:e.FrontSide}),a=new e.MeshBasicMaterial({map:t,transparent:!0,opacity:1,side:e.DoubleSide,alphaTest:.5}),r=new e.BoxGeometry(8,8,8,0,0,0);n(r,i(8,0,16,8),i(16,0,24,8),i(0,8,8,16),i(8,8,16,16),i(16,8,24,16),i(24,8,32,16));const d=new e.Mesh(r,s),c=new e.BoxGeometry(9,9,9,0,0,0);n(c,i(40,0,48,8),i(48,0,56,8),i(32,8,40,16),i(40,8,48,16),i(48,8,56,16),i(56,8,64,16));const l=new e.Mesh(c,a);l.renderOrder=-1,this.head=new o(d,l),this.head.name="head",this.head.add(d,l),this.add(this.head);const p=new e.BoxGeometry(8,12,4,0,0,0);n(p,i(20,16,28,20),i(28,16,36,20),i(16,20,20,32),i(20,20,28,32),i(28,20,32,32),i(32,20,40,32));const m=new e.Mesh(p,s),u=new e.BoxGeometry(9,13.5,4.5,0,0,0);n(u,i(20,32,28,36),i(28,32,36,36),i(16,36,20,48),i(20,36,28,48),i(28,36,32,48),i(32,36,40,48));const g=new e.Mesh(u,a);this.body=new o(m,g),this.body.name="body",this.body.add(m,g),this.body.position.y=-10,this.add(this.body);const f=new e.BoxGeometry(1,1,1,0,0,0),w=new e.Mesh(f,s);this.modelListeners.push(()=>{w.scale.x=(this.slim?3:4)-h,w.scale.y=11.998,w.scale.z=3.998,this.slim?n(f,i(44,16,47,20),i(47,16,50,20),i(40,20,44,32),i(44,20,47,32),i(47,20,51,32),i(51,20,54,32)):n(f,i(44,16,48,20),i(48,16,52,20),i(40,20,44,32),i(44,20,48,32),i(48,20,52,32),i(52,20,56,32)),f.uvsNeedUpdate=!0,f.elementsNeedUpdate=!0});const y=new e.BoxGeometry(1,1,1,0,0,0),b=new e.Mesh(y,a);b.renderOrder=1,this.modelListeners.push(()=>{b.scale.x=(this.slim?3.375:4.5)-h,b.scale.y=13.498,b.scale.z=4.498,this.slim?n(y,i(44,32,47,36),i(47,32,50,36),i(40,36,44,48),i(44,36,47,48),i(47,36,51,48),i(51,36,54,48)):n(y,i(44,32,48,36),i(48,32,52,36),i(40,36,44,48),i(44,36,48,48),i(48,36,52,48),i(52,36,56,48)),y.uvsNeedUpdate=!0,y.elementsNeedUpdate=!0});const v=new e.Group;v.add(w,b),v.position.y=-6,this.rightArm=new o(w,b),this.rightArm.name="rightArm",this.rightArm.add(v),this.rightArm.position.y=-4,this.modelListeners.push(()=>{this.rightArm.position.x=this.slim?-5.5:-6}),this.add(this.rightArm);const M=new e.BoxGeometry(1,1,1,0,0,0),x=new e.Mesh(M,s);this.modelListeners.push(()=>{x.scale.x=(this.slim?3:4)-h,x.scale.y=11.998,x.scale.z=3.998,this.slim?n(M,i(36,48,39,52),i(39,48,42,52),i(32,52,36,64),i(36,52,39,64),i(39,52,43,64),i(43,52,46,64)):n(M,i(36,48,40,52),i(40,48,44,52),i(32,52,36,64),i(36,52,40,64),i(40,52,44,64),i(44,52,48,64)),M.uvsNeedUpdate=!0,M.elementsNeedUpdate=!0});const E=new e.BoxGeometry(1,1,1,0,0,0),L=new e.Mesh(E,a);L.renderOrder=1,this.modelListeners.push(()=>{L.scale.x=(this.slim?3.375:4.5)-h,L.scale.y=13.498,L.scale.z=4.498,this.slim?n(E,i(52,48,55,52),i(55,48,58,52),i(48,52,52,64),i(52,52,55,64),i(55,52,59,64),i(59,52,62,64)):n(E,i(52,48,56,52),i(56,48,60,52),i(48,52,52,64),i(52,52,56,64),i(56,52,60,64),i(60,52,64,64)),E.uvsNeedUpdate=!0,E.elementsNeedUpdate=!0});const k=new e.Group;k.add(x,L),k.position.y=-6,this.leftArm=new o(x,L),this.leftArm.name="leftArm",this.leftArm.add(k),this.leftArm.position.y=-4,this.modelListeners.push(()=>{this.leftArm.position.x=this.slim?5.5:6}),this.add(this.leftArm);const S=new e.BoxGeometry(3.998,11.998,3.998,0,0,0);n(S,i(4,16,8,20),i(8,16,12,20),i(0,20,4,32),i(4,20,8,32),i(8,20,12,32),i(12,20,16,32));const P=new e.Mesh(S,s),A=new e.BoxGeometry(4.498,13.498,4.498,0,0,0);n(A,i(4,32,8,36),i(8,32,12,36),i(0,36,4,48),i(4,36,8,48),i(8,36,12,48),i(12,36,16,48));const I=new e.Mesh(A,a);I.renderOrder=1;const O=new e.Group;O.add(P,I),O.position.y=-6,this.rightLeg=new o(P,I),this.rightLeg.name="rightLeg",this.rightLeg.add(O),this.rightLeg.position.y=-16,this.rightLeg.position.x=-2,this.add(this.rightLeg);const j=new e.BoxGeometry(3.998,11.998,3.998,0,0,0);n(j,i(20,48,24,52),i(24,48,28,52),i(16,52,20,64),i(20,52,24,64),i(24,52,28,64),i(28,52,32,64));const D=new e.Mesh(j,s),V=new e.BoxGeometry(4.498,13.498,4.498,0,0,0);n(V,i(4,48,8,52),i(8,48,12,52),i(0,52,4,64),i(4,52,8,64),i(8,52,12,64),i(12,52,16,64));const U=new e.Mesh(V,a);U.renderOrder=1;const z=new e.Group;z.add(D,U),z.position.y=-6,this.leftLeg=new o(D,U),this.leftLeg.name="leftLeg",this.leftLeg.add(z),this.leftLeg.position.y=-16,this.leftLeg.position.x=2,this.add(this.leftLeg),this.slim=!1}get slim(){return this._slim}set slim(t){this._slim=t,this.modelListeners.forEach(t=>t())}getBodyParts(){return this.children.filter(t=>t instanceof o)}setInnerLayerVisible(t){this.getBodyParts().forEach(e=>e.innerLayer.visible=t)}setOuterLayerVisible(t){this.getBodyParts().forEach(e=>e.outerLayer.visible=t)}}class d extends e.Group{constructor(t){super();const s=new e.MeshBasicMaterial({map:t,transparent:!0,opacity:1,side:e.DoubleSide,alphaTest:.5}),i=new e.BoxGeometry(10,16,1,0,0,0);n(i,a(1,0,11,1),a(11,0,21,1),a(11,1,12,17),a(12,1,22,17),a(0,1,1,17),a(1,1,11,17)),this.cape=new e.Mesh(i,s),this.cape.position.y=-8,this.cape.position.z=-.5,this.add(this.cape)}}class c extends e.Group{constructor(t,e){super(),this.skin=new r(t),this.skin.name="skin",this.add(this.skin),this.cape=new d(e),this.cape.name="cape",this.cape.position.z=-2,this.cape.position.y=-4,this.cape.rotation.x=25*Math.PI/180,this.add(this.cape)}}function l(t,e,s){t instanceof Function?t(e,s):t.play(e,s)}class p{constructor(t){this.speed=1,this.paused=!1,this.progress=0,this.lastTime=0,this.started=!1,this.toResetAndRemove=!1,this.animation=t}play(t,e){if(this.toResetAndRemove)return l(this.animation,t,0),void this.remove();let s;this.started?s=e-this.lastTime:(s=0,this.started=!0),this.lastTime=e,this.paused||(this.progress+=s*this.speed),l(this.animation,t,this.progress)}reset(){this.progress=0}remove(){}resetAndRemove(){this.toResetAndRemove=!0}}class m{constructor(){this.handles=new Set}add(t){const e=new p(t);return e.remove=()=>{this.handles.delete(e)},this.handles.add(e),e}play(t,e){this.handles.forEach(s=>s.play(t,e))}}class u extends m{constructor(){super(...arguments),this.speed=1,this.progress=0,this.clock=new e.Clock(!0)}get animation(){return this}get paused(){return!this.clock.running}set paused(t){t?this.clock.stop():this.clock.start()}runAnimationLoop(t){0!==this.handles.size&&(this.progress+=this.clock.getDelta()*this.speed,this.play(t,this.progress))}reset(){this.progress=0}}function g(t,e,s,i,a){for(var n=t.getImageData(e,s,i,a),h=0;h<i;h++)for(var o=0;o<a;o++){var r=4*(h+o*i);if(255!==n.data[r+3])return!0}return!1}function f(t){return t/64}function w(t,e){var s=f(e),i=function(e,i,a,n,h,o,r){return function(t,e,s,i,a,n,h,o){var r=t.getImageData(e,s,i,a);if(o)for(var d=0;d<a;d++)for(var c=0;c<i/2;c++){var l=4*(c+d*i),p=4*(i-c-1+d*i),m=r.data[l],u=r.data[l+1],g=r.data[l+2],f=r.data[l+3],w=r.data[p],y=r.data[p+1],b=r.data[p+2],v=r.data[p+3];r.data[l]=w,r.data[l+1]=y,r.data[l+2]=b,r.data[l+3]=v,r.data[p]=m,r.data[p+1]=u,r.data[p+2]=g,r.data[p+3]=f}t.putImageData(r,n,h)}(t,e*s,i*s,a*s,n*s,h*s,o*s,r)};!function(t,e){if(!g(t,0,0,e,e/2)){var s=f(e),i=function(e,i,a,n){return t.clearRect(e*s,i*s,a*s,n*s)};i(40,0,8,8),i(48,0,8,8),i(32,8,8,8),i(40,8,8,8),i(48,8,8,8),i(56,8,8,8)}}(t,e),i(4,16,4,4,20,48,!0),i(8,16,4,4,24,48,!0),i(0,20,4,12,24,52,!0),i(4,20,4,12,20,52,!0),i(8,20,4,12,16,52,!0),i(12,20,4,12,28,52,!0),i(44,16,4,4,36,48,!0),i(48,16,4,4,40,48,!0),i(40,20,4,12,40,52,!0),i(44,20,4,12,36,52,!0),i(48,20,4,12,32,52,!0),i(52,20,4,12,44,52,!0)}const y=-1,b=0,v=1,M=2,x=3,E=4,L=5,k={type:"change"},S={type:"start"},P={type:"end"};class A extends e.EventDispatcher{constructor(t,s,i){super(),this.object=t,this.domElement=s,this.window=void 0!==i?i:window,this.enabled=!0,this.target=new e.Vector3,this.minDistance=0,this.maxDistance=1/0,this.minZoom=0,this.maxZoom=1/0,this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.enableDamping=!1,this.dampingFactor=.25,this.enableZoom=!0,this.zoomSpeed=1,this.enableRotate=!0,this.rotateSpeed=1,this.enablePan=!0,this.keyPanSpeed=7,this.autoRotate=!1,this.autoRotateSpeed=2,this.enableKeys=!0,this.keys={LEFT:37,UP:38,RIGHT:39,BOTTOM:40},this.mouseButtons={ORBIT:e.MOUSE.LEFT,ZOOM:e.MOUSE.MIDDLE,PAN:e.MOUSE.RIGHT},this.target0=this.target.clone(),this.position0=this.object.position.clone(),this.zoom0=this.object.zoom,this.updateOffset=new e.Vector3,this.updateQuat=(new e.Quaternion).setFromUnitVectors(t.up,new e.Vector3(0,1,0)),this.updateQuatInverse=this.updateQuat.clone().inverse(),this.updateLastPosition=new e.Vector3,this.updateLastQuaternion=new e.Quaternion,this.state=y,this.scale=1,this.spherical=new e.Spherical,this.sphericalDelta=new e.Spherical,this.panOffset=new e.Vector3,this.zoomChanged=!1,this.rotateStart=new e.Vector2,this.rotateEnd=new e.Vector2,this.rotateDelta=new e.Vector2,this.panStart=new e.Vector2,this.panEnd=new e.Vector2,this.panDelta=new e.Vector2,this.dollyStart=new e.Vector2,this.dollyEnd=new e.Vector2,this.dollyDelta=new e.Vector2,this.panLeftV=new e.Vector3,this.panUpV=new e.Vector3,this.panInternalOffset=new e.Vector3,this.onMouseDown=t=>{if(!1!==this.enabled){if(t.preventDefault(),t.button===this.mouseButtons.ORBIT){if(!1===this.enableRotate)return;this.rotateStart.set(t.clientX,t.clientY),this.state=b}else if(t.button===this.mouseButtons.ZOOM){if(!1===this.enableZoom)return;this.dollyStart.set(t.clientX,t.clientY),this.state=v}else if(t.button===this.mouseButtons.PAN){if(!1===this.enablePan)return;this.panStart.set(t.clientX,t.clientY),this.state=M}this.state!==y&&(document.addEventListener("mousemove",this.onMouseMove,!1),document.addEventListener("mouseup",this.onMouseUp,!1),this.dispatchEvent(S))}},this.onMouseMove=t=>{if(!1!==this.enabled)if(t.preventDefault(),this.state===b){if(!1===this.enableRotate)return;this.rotateEnd.set(t.clientX,t.clientY),this.rotateDelta.subVectors(this.rotateEnd,this.rotateStart),this.rotateLeft(2*Math.PI*this.rotateDelta.x/this.domElement.clientWidth*this.rotateSpeed),this.rotateUp(2*Math.PI*this.rotateDelta.y/this.domElement.clientHeight*this.rotateSpeed),this.rotateStart.copy(this.rotateEnd),this.update()}else if(this.state===v){if(!1===this.enableZoom)return;this.dollyEnd.set(t.clientX,t.clientY),this.dollyDelta.subVectors(this.dollyEnd,this.dollyStart),this.dollyDelta.y>0?this.dollyIn(this.getZoomScale()):this.dollyDelta.y<0&&this.dollyOut(this.getZoomScale()),this.dollyStart.copy(this.dollyEnd),this.update()}else if(this.state===M){if(!1===this.enablePan)return;this.panEnd.set(t.clientX,t.clientY),this.panDelta.subVectors(this.panEnd,this.panStart),this.pan(this.panDelta.x,this.panDelta.y),this.panStart.copy(this.panEnd),this.update()}},this.onMouseUp=()=>{!1!==this.enabled&&(document.removeEventListener("mousemove",this.onMouseMove,!1),document.removeEventListener("mouseup",this.onMouseUp,!1),this.dispatchEvent(P),this.state=y)},this.onMouseWheel=t=>{!1===this.enabled||!1===this.enableZoom||this.state!==y&&this.state!==b||(t.preventDefault(),t.stopPropagation(),t.deltaY<0?this.dollyOut(this.getZoomScale()):t.deltaY>0&&this.dollyIn(this.getZoomScale()),this.update(),this.dispatchEvent(S),this.dispatchEvent(P))},this.onKeyDown=t=>{if(!1!==this.enabled&&!1!==this.enableKeys&&!1!==this.enablePan)switch(t.keyCode){case this.keys.UP:this.pan(0,this.keyPanSpeed),this.update();break;case this.keys.BOTTOM:this.pan(0,-this.keyPanSpeed),this.update();break;case this.keys.LEFT:this.pan(this.keyPanSpeed,0),this.update();break;case this.keys.RIGHT:this.pan(-this.keyPanSpeed,0),this.update()}},this.onTouchStart=t=>{if(!1!==this.enabled){switch(t.touches.length){case 1:if(!1===this.enableRotate)return;this.rotateStart.set(t.touches[0].pageX,t.touches[0].pageY),this.state=x;break;case 2:{if(!1===this.enableZoom)return;const e=t.touches[0].pageX-t.touches[1].pageX,s=t.touches[0].pageY-t.touches[1].pageY,i=Math.sqrt(e*e+s*s);this.dollyStart.set(0,i),this.state=E;break}case 3:if(!1===this.enablePan)return;this.panStart.set(t.touches[0].pageX,t.touches[0].pageY),this.state=L;break;default:this.state=y}this.state!==y&&this.dispatchEvent(S)}},this.onTouchMove=t=>{if(!1!==this.enabled)switch(t.preventDefault(),t.stopPropagation(),t.touches.length){case 1:if(!1===this.enableRotate)return;if(this.state!==x)return;this.rotateEnd.set(t.touches[0].pageX,t.touches[0].pageY),this.rotateDelta.subVectors(this.rotateEnd,this.rotateStart),this.rotateLeft(2*Math.PI*this.rotateDelta.x/this.domElement.clientWidth*this.rotateSpeed),this.rotateUp(2*Math.PI*this.rotateDelta.y/this.domElement.clientHeight*this.rotateSpeed),this.rotateStart.copy(this.rotateEnd),this.update();break;case 2:{if(!1===this.enableZoom)return;if(this.state!==E)return;const e=t.touches[0].pageX-t.touches[1].pageX,s=t.touches[0].pageY-t.touches[1].pageY,i=Math.sqrt(e*e+s*s);this.dollyEnd.set(0,i),this.dollyDelta.subVectors(this.dollyEnd,this.dollyStart),this.dollyDelta.y>0?this.dollyOut(this.getZoomScale()):this.dollyDelta.y<0&&this.dollyIn(this.getZoomScale()),this.dollyStart.copy(this.dollyEnd),this.update();break}case 3:if(!1===this.enablePan)return;if(this.state!==L)return;this.panEnd.set(t.touches[0].pageX,t.touches[0].pageY),this.panDelta.subVectors(this.panEnd,this.panStart),this.pan(this.panDelta.x,this.panDelta.y),this.panStart.copy(this.panEnd),this.update();break;default:this.state=y}},this.onTouchEnd=()=>{!1!==this.enabled&&(this.dispatchEvent(P),this.state=y)},this.onContextMenu=t=>{t.preventDefault()},this.domElement.addEventListener("contextmenu",this.onContextMenu,!1),this.domElement.addEventListener("mousedown",this.onMouseDown,!1),this.domElement.addEventListener("wheel",this.onMouseWheel,!1),this.domElement.addEventListener("touchstart",this.onTouchStart,!1),this.domElement.addEventListener("touchend",this.onTouchEnd,!1),this.domElement.addEventListener("touchmove",this.onTouchMove,!1),this.window.addEventListener("keydown",this.onKeyDown,!1),this.update()}update(){const t=this.object.position;return this.updateOffset.copy(t).sub(this.target),this.updateOffset.applyQuaternion(this.updateQuat),this.spherical.setFromVector3(this.updateOffset),this.autoRotate&&this.state===y&&this.rotateLeft(this.getAutoRotationAngle()),this.spherical.theta+=this.sphericalDelta.theta,this.spherical.phi+=this.sphericalDelta.phi,this.spherical.theta=Math.max(this.minAzimuthAngle,Math.min(this.maxAzimuthAngle,this.spherical.theta)),this.spherical.phi=Math.max(this.minPolarAngle,Math.min(this.maxPolarAngle,this.spherical.phi)),this.spherical.makeSafe(),this.spherical.radius*=this.scale,this.spherical.radius=Math.max(this.minDistance,Math.min(this.maxDistance,this.spherical.radius)),this.target.add(this.panOffset),this.updateOffset.setFromSpherical(this.spherical),this.updateOffset.applyQuaternion(this.updateQuatInverse),t.copy(this.target).add(this.updateOffset),this.object.lookAt(this.target),!0===this.enableDamping?(this.sphericalDelta.theta*=1-this.dampingFactor,this.sphericalDelta.phi*=1-this.dampingFactor):this.sphericalDelta.set(0,0,0),this.scale=1,this.panOffset.set(0,0,0),!!(this.zoomChanged||this.updateLastPosition.distanceToSquared(this.object.position)>1e-6||8*(1-this.updateLastQuaternion.dot(this.object.quaternion))>1e-6)&&(this.dispatchEvent(k),this.updateLastPosition.copy(this.object.position),this.updateLastQuaternion.copy(this.object.quaternion),this.zoomChanged=!1,!0)}panLeft(t,e){this.panLeftV.setFromMatrixColumn(e,0),this.panLeftV.multiplyScalar(-t),this.panOffset.add(this.panLeftV)}panUp(t,e){this.panUpV.setFromMatrixColumn(e,1),this.panUpV.multiplyScalar(t),this.panOffset.add(this.panUpV)}pan(t,s){if(this.object instanceof e.PerspectiveCamera){const e=this.object.position;this.panInternalOffset.copy(e).sub(this.target);let i=this.panInternalOffset.length();i*=Math.tan(this.object.fov/2*Math.PI/180),this.panLeft(2*t*i/this.domElement.clientHeight,this.object.matrix),this.panUp(2*s*i/this.domElement.clientHeight,this.object.matrix)}else this.object instanceof e.OrthographicCamera?(this.panLeft(t*(this.object.right-this.object.left)/this.object.zoom/this.domElement.clientWidth,this.object.matrix),this.panUp(s*(this.object.top-this.object.bottom)/this.object.zoom/this.domElement.clientHeight,this.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),this.enablePan=!1)}dollyIn(t){this.object instanceof e.PerspectiveCamera?this.scale/=t:this.object instanceof e.OrthographicCamera?(this.object.zoom=Math.max(this.minZoom,Math.min(this.maxZoom,this.object.zoom*t)),this.object.updateProjectionMatrix(),this.zoomChanged=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),this.enableZoom=!1)}dollyOut(t){this.object instanceof e.PerspectiveCamera?this.scale*=t:this.object instanceof e.OrthographicCamera?(this.object.zoom=Math.max(this.minZoom,Math.min(this.maxZoom,this.object.zoom/t)),this.object.updateProjectionMatrix(),this.zoomChanged=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),this.enableZoom=!1)}getAutoRotationAngle(){return 2*Math.PI/60/60*this.autoRotateSpeed}getZoomScale(){return Math.pow(.95,this.zoomSpeed)}rotateLeft(t){this.sphericalDelta.theta-=t}rotateUp(t){this.sphericalDelta.phi-=t}getPolarAngle(){return this.spherical.phi}getAzimuthalAngle(){return this.spherical.theta}dispose(){this.domElement.removeEventListener("contextmenu",this.onContextMenu,!1),this.domElement.removeEventListener("mousedown",this.onMouseDown,!1),this.domElement.removeEventListener("wheel",this.onMouseWheel,!1),this.domElement.removeEventListener("touchstart",this.onTouchStart,!1),this.domElement.removeEventListener("touchend",this.onTouchEnd,!1),this.domElement.removeEventListener("touchmove",this.onTouchMove,!1),document.removeEventListener("mousemove",this.onMouseMove,!1),document.removeEventListener("mouseup",this.onMouseUp,!1),this.window.removeEventListener("keydown",this.onKeyDown,!1)}reset(){this.target.copy(this.target0),this.object.position.copy(this.position0),this.object.zoom=this.zoom0,this.object.updateProjectionMatrix(),this.dispatchEvent(k),this.update(),this.state=y}}t.BodyPart=o,t.CapeObject=d,t.CompositeAnimation=m,t.OrbitControls=A,t.PlayerObject=c,t.RootAnimation=u,t.RotatingAnimation=(t,e)=>{t.rotation.y=e},t.RunningAnimation=(t,e)=>{const s=t.skin;e*=15,s.leftLeg.rotation.x=1.3*Math.cos(e+Math.PI),s.rightLeg.rotation.x=1.3*Math.cos(e),s.leftArm.rotation.x=1.5*Math.cos(e),s.rightArm.rotation.x=1.5*Math.cos(e+Math.PI);const i=.1*Math.PI;s.leftArm.rotation.z=.1*Math.cos(e)+i,s.rightArm.rotation.z=.1*Math.cos(e+Math.PI)-i,t.position.y=Math.cos(2*e),t.position.x=.15*Math.cos(e),t.rotation.z=.01*Math.cos(e+Math.PI);const a=.3*Math.PI;t.cape.rotation.x=.1*Math.sin(2*e)+a},t.SkinObject=r,t.SkinViewer=class{constructor(t){this.animations=new u,this.detectModel=!0,this.disposed=!1,this._renderPaused=!1,this.domElement=t.domElement,!1===t.detectModel&&(this.detectModel=!1),this.skinImg=new Image,this.skinCanvas=document.createElement("canvas"),this.skinTexture=new e.Texture(this.skinCanvas),this.skinTexture.magFilter=e.NearestFilter,this.skinTexture.minFilter=e.NearestFilter,this.capeImg=new Image,this.capeCanvas=document.createElement("canvas"),this.capeTexture=new e.Texture(this.capeCanvas),this.capeTexture.magFilter=e.NearestFilter,this.capeTexture.minFilter=e.NearestFilter,this.scene=new e.Scene,this.camera=new e.PerspectiveCamera(40),this.camera.position.y=-12,this.camera.position.z=60,this.renderer=new e.WebGLRenderer({alpha:!0,antialias:!1}),this.renderer.setSize(300,300),this.domElement.appendChild(this.renderer.domElement),this.playerObject=new c(this.skinTexture,this.capeTexture),this.playerObject.name="player",this.playerObject.skin.visible=!1,this.playerObject.cape.visible=!1,this.scene.add(this.playerObject),this.skinImg.crossOrigin="anonymous",this.skinImg.onerror=()=>console.error("Failed loading "+this.skinImg.src),this.skinImg.onload=()=>{var t,e,s,i;!function(t,e){var s=!1;if(e.width!==e.height){if(e.width!==2*e.height)throw new Error("Bad skin size: "+e.width+"x"+e.height);s=!0}var i=t.getContext("2d");if(s){var a=e.width;t.width=a,t.height=a,i.clearRect(0,0,a,a),i.drawImage(e,0,0,a,a/2),w(i,a)}else t.width=e.width,t.height=e.height,i.clearRect(0,0,e.width,e.height),i.drawImage(e,0,0,t.width,t.height)}(this.skinCanvas,this.skinImg),this.detectModel&&(this.playerObject.skin.slim=(t=this.skinCanvas,e=f(t.width),s=t.getContext("2d"),(i=function(t,i,a,n){return g(s,t*e,i*e,a*e,n*e)})(50,16,2,4)||i(54,20,2,12)||i(42,48,2,4)||i(46,52,2,12))),this.skinTexture.needsUpdate=!0,this.playerObject.skin.visible=!0},this.capeImg.crossOrigin="anonymous",this.capeImg.onerror=()=>console.error("Failed loading "+this.capeImg.src),this.capeImg.onload=()=>{!function(t,e){var s=!1;if(e.width!==2*e.height){if(17*e.width!=22*e.height)throw new Error("Bad cape size: "+e.width+"x"+e.height);s=!0}var i=t.getContext("2d");if(s){var a=64*e.width/22;t.width=a,t.height=a/2}else t.width=e.width,t.height=e.height;i.clearRect(0,0,t.width,t.height),i.drawImage(e,0,0,e.width,e.height)}(this.capeCanvas,this.capeImg),this.capeTexture.needsUpdate=!0,this.playerObject.cape.visible=!0},t.skinUrl&&(this.skinUrl=t.skinUrl),t.capeUrl&&(this.capeUrl=t.capeUrl),t.width&&(this.width=t.width),t.height&&(this.height=t.height),window.requestAnimationFrame(()=>this.draw())}draw(){this.disposed||this._renderPaused||(this.animations.runAnimationLoop(this.playerObject),this.renderer.render(this.scene,this.camera),window.requestAnimationFrame(()=>this.draw()))}setSize(t,e){this.camera.aspect=t/e,this.camera.updateProjectionMatrix(),this.renderer.setSize(t,e)}dispose(){this.disposed=!0,this.domElement.removeChild(this.renderer.domElement),this.renderer.dispose(),this.skinTexture.dispose(),this.capeTexture.dispose()}get renderPaused(){return this._renderPaused}set renderPaused(t){const e=!this.disposed&&!t&&this._renderPaused;this._renderPaused=t,e&&window.requestAnimationFrame(()=>this.draw())}get skinUrl(){return this.skinImg.src}set skinUrl(t){this.skinImg.src=t}get capeUrl(){return this.capeImg.src}set capeUrl(t){this.capeImg.src=t}get width(){const t=new e.Vector2;return this.renderer.getSize(t).width}set width(t){this.setSize(t,this.height)}get height(){const t=new e.Vector2;return this.renderer.getSize(t).height}set height(t){this.setSize(this.width,t)}},t.WalkingAnimation=(t,e)=>{const s=t.skin;e*=8,s.leftLeg.rotation.x=.5*Math.sin(e),s.rightLeg.rotation.x=.5*Math.sin(e+Math.PI),s.leftArm.rotation.x=.5*Math.sin(e+Math.PI),s.rightArm.rotation.x=.5*Math.sin(e);const i=.02*Math.PI;s.leftArm.rotation.z=.03*Math.cos(e)+i,s.rightArm.rotation.z=.03*Math.cos(e+Math.PI)-i,s.head.rotation.y=.2*Math.sin(e/4),s.head.rotation.x=.1*Math.sin(e/5);const a=.06*Math.PI;t.cape.rotation.x=.06*Math.sin(e/1.5)+a},t.createOrbitControls=function(t){const s=new A(t.camera,t.renderer.domElement);return s.enablePan=!1,s.target=new e.Vector3(0,-12,0),s.minDistance=10,s.maxDistance=256,s.update(),s},t.invokeAnimation=l,Object.defineProperty(t,"__esModule",{value:!0})}));//# sourceMappingURL=skinview3d.min.js.map
diff --git a/js/dist/skinview3d.min.js.map b/js/dist/skinview3d.min.js.map
new file mode 100644
index 0000000..3f24cbf
--- /dev/null
+++ b/js/dist/skinview3d.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"skinview3d.min.js","sources":["../src/model.ts","../src/animation.ts","../node_modules/skinview-utils/index.js","../src/orbit_controls.ts","../src/viewer.ts"],"sourcesContent":["import { BoxGeometry, DoubleSide, FrontSide, Group, Mesh, MeshBasicMaterial, Object3D, Texture, Vector2 } from \"three\";\n\nfunction toFaceVertices(x1: number, y1: number, x2: number, y2: number, w: number, h: number) {\n\treturn [\n\t\tnew Vector2(x1 / w, 1.0 - y2 / h),\n\t\tnew Vector2(x2 / w, 1.0 - y2 / h),\n\t\tnew Vector2(x2 / w, 1.0 - y1 / h),\n\t\tnew Vector2(x1 / w, 1.0 - y1 / h)\n\t];\n}\n\nfunction toSkinVertices(x1: number, y1: number, x2: number, y2: number) {\n\treturn toFaceVertices(x1, y1, x2, y2, 64.0, 64.0);\n}\n\nfunction toCapeVertices(x1: number, y1: number, x2: number, y2: number) {\n\treturn toFaceVertices(x1, y1, x2, y2, 64.0, 32.0);\n}\n\nfunction setVertices(box: BoxGeometry, top: Array<Vector2>, bottom: Array<Vector2>, left: Array<Vector2>, front: Array<Vector2>, right: Array<Vector2>, back: Array<Vector2>) {\n\n\tbox.faceVertexUvs[0] = [];\n\tbox.faceVertexUvs[0][0] = [right[3], right[0], right[2]];\n\tbox.faceVertexUvs[0][1] = [right[0], right[1], right[2]];\n\tbox.faceVertexUvs[0][2] = [left[3], left[0], left[2]];\n\tbox.faceVertexUvs[0][3] = [left[0], left[1], left[2]];\n\tbox.faceVertexUvs[0][4] = [top[3], top[0], top[2]];\n\tbox.faceVertexUvs[0][5] = [top[0], top[1], top[2]];\n\tbox.faceVertexUvs[0][6] = [bottom[0], bottom[3], bottom[1]];\n\tbox.faceVertexUvs[0][7] = [bottom[3], bottom[2], bottom[1]];\n\tbox.faceVertexUvs[0][8] = [front[3], front[0], front[2]];\n\tbox.faceVertexUvs[0][9] = [front[0], front[1], front[2]];\n\tbox.faceVertexUvs[0][10] = [back[3], back[0], back[2]];\n\tbox.faceVertexUvs[0][11] = [back[0], back[1], back[2]];\n}\n\nconst esp = 0.002;\n\n/**\n * Notice that innerLayer and outerLayer may NOT be the direct children of the Group.\n */\nexport class BodyPart extends Group {\n\tconstructor(\n\t\treadonly innerLayer: Object3D,\n\t\treadonly outerLayer: Object3D\n\t) {\n\t\tsuper();\n\t\tinnerLayer.name = \"inner\";\n\t\touterLayer.name = \"outer\";\n\t}\n}\n\nexport class SkinObject extends Group {\n\n\t// body parts\n\treadonly head: BodyPart;\n\treadonly body: BodyPart;\n\treadonly rightArm: BodyPart;\n\treadonly leftArm: BodyPart;\n\treadonly rightLeg: BodyPart;\n\treadonly leftLeg: BodyPart;\n\n\tprivate modelListeners: Array<() => void> = []; // called when model(slim property) is changed\n\tprivate _slim = false;\n\n\tconstructor(texture: Texture) {\n\t\tsuper();\n\n\t\tconst layer1Material = new MeshBasicMaterial({ map: texture, side: FrontSide });\n\t\tconst layer2Material = new MeshBasicMaterial({ map: texture, transparent: true, opacity: 1, side: DoubleSide, alphaTest: 0.5 });\n\n\t\t// Head\n\t\tconst headBox = new BoxGeometry(8, 8, 8, 0, 0, 0);\n\t\tsetVertices(headBox,\n\t\t\ttoSkinVertices(8, 0, 16, 8),\n\t\t\ttoSkinVertices(16, 0, 24, 8),\n\t\t\ttoSkinVertices(0, 8, 8, 16),\n\t\t\ttoSkinVertices(8, 8, 16, 16),\n\t\t\ttoSkinVertices(16, 8, 24, 16),\n\t\t\ttoSkinVertices(24, 8, 32, 16)\n\t\t);\n\t\tconst headMesh = new Mesh(headBox, layer1Material);\n\n\t\tconst head2Box = new BoxGeometry(9, 9, 9, 0, 0, 0);\n\t\tsetVertices(head2Box,\n\t\t\ttoSkinVertices(40, 0, 48, 8),\n\t\t\ttoSkinVertices(48, 0, 56, 8),\n\t\t\ttoSkinVertices(32, 8, 40, 16),\n\t\t\ttoSkinVertices(40, 8, 48, 16),\n\t\t\ttoSkinVertices(48, 8, 56, 16),\n\t\t\ttoSkinVertices(56, 8, 64, 16)\n\t\t);\n\t\tconst head2Mesh = new Mesh(head2Box, layer2Material);\n\t\thead2Mesh.renderOrder = -1;\n\n\t\tthis.head = new BodyPart(headMesh, head2Mesh);\n\t\tthis.head.name = \"head\";\n\t\tthis.head.add(headMesh, head2Mesh);\n\t\tthis.add(this.head);\n\n\t\t// Body\n\t\tconst bodyBox = new BoxGeometry(8, 12, 4, 0, 0, 0);\n\t\tsetVertices(bodyBox,\n\t\t\ttoSkinVertices(20, 16, 28, 20),\n\t\t\ttoSkinVertices(28, 16, 36, 20),\n\t\t\ttoSkinVertices(16, 20, 20, 32),\n\t\t\ttoSkinVertices(20, 20, 28, 32),\n\t\t\ttoSkinVertices(28, 20, 32, 32),\n\t\t\ttoSkinVertices(32, 20, 40, 32)\n\t\t);\n\t\tconst bodyMesh = new Mesh(bodyBox, layer1Material);\n\n\t\tconst body2Box = new BoxGeometry(9, 13.5, 4.5, 0, 0, 0);\n\t\tsetVertices(body2Box,\n\t\t\ttoSkinVertices(20, 32, 28, 36),\n\t\t\ttoSkinVertices(28, 32, 36, 36),\n\t\t\ttoSkinVertices(16, 36, 20, 48),\n\t\t\ttoSkinVertices(20, 36, 28, 48),\n\t\t\ttoSkinVertices(28, 36, 32, 48),\n\t\t\ttoSkinVertices(32, 36, 40, 48)\n\t\t);\n\t\tconst body2Mesh = new Mesh(body2Box, layer2Material);\n\n\t\tthis.body = new BodyPart(bodyMesh, body2Mesh);\n\t\tthis.body.name = \"body\";\n\t\tthis.body.add(bodyMesh, body2Mesh);\n\t\tthis.body.position.y = -10;\n\t\tthis.add(this.body);\n\n\t\t// Right Arm\n\t\tconst rightArmBox = new BoxGeometry(1, 1, 1, 0, 0, 0); // w/d/h is model-related\n\t\tconst rightArmMesh = new Mesh(rightArmBox, layer1Material);\n\t\tthis.modelListeners.push(() => {\n\t\t\trightArmMesh.scale.x = (this.slim ? 3 : 4) - esp;\n\t\t\trightArmMesh.scale.y = 12 - esp;\n\t\t\trightArmMesh.scale.z = 4 - esp;\n\t\t\tif (this.slim) {\n\t\t\t\tsetVertices(rightArmBox,\n\t\t\t\t\ttoSkinVertices(44, 16, 47, 20),\n\t\t\t\t\ttoSkinVertices(47, 16, 50, 20),\n\t\t\t\t\ttoSkinVertices(40, 20, 44, 32),\n\t\t\t\t\ttoSkinVertices(44, 20, 47, 32),\n\t\t\t\t\ttoSkinVertices(47, 20, 51, 32),\n\t\t\t\t\ttoSkinVertices(51, 20, 54, 32)\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tsetVertices(rightArmBox,\n\t\t\t\t\ttoSkinVertices(44, 16, 48, 20),\n\t\t\t\t\ttoSkinVertices(48, 16, 52, 20),\n\t\t\t\t\ttoSkinVertices(40, 20, 44, 32),\n\t\t\t\t\ttoSkinVertices(44, 20, 48, 32),\n\t\t\t\t\ttoSkinVertices(48, 20, 52, 32),\n\t\t\t\t\ttoSkinVertices(52, 20, 56, 32)\n\t\t\t\t);\n\t\t\t}\n\t\t\trightArmBox.uvsNeedUpdate = true;\n\t\t\trightArmBox.elementsNeedUpdate = true;\n\t\t});\n\n\t\tconst rightArm2Box = new BoxGeometry(1, 1, 1, 0, 0, 0); // w/d/h is model-related\n\t\tconst rightArm2Mesh = new Mesh(rightArm2Box, layer2Material);\n\t\trightArm2Mesh.renderOrder = 1;\n\t\tthis.modelListeners.push(() => {\n\t\t\trightArm2Mesh.scale.x = (this.slim ? 3.375 : 4.5) - esp;\n\t\t\trightArm2Mesh.scale.y = 13.5 - esp;\n\t\t\trightArm2Mesh.scale.z = 4.5 - esp;\n\t\t\tif (this.slim) {\n\t\t\t\tsetVertices(rightArm2Box,\n\t\t\t\t\ttoSkinVertices(44, 32, 47, 36),\n\t\t\t\t\ttoSkinVertices(47, 32, 50, 36),\n\t\t\t\t\ttoSkinVertices(40, 36, 44, 48),\n\t\t\t\t\ttoSkinVertices(44, 36, 47, 48),\n\t\t\t\t\ttoSkinVertices(47, 36, 51, 48),\n\t\t\t\t\ttoSkinVertices(51, 36, 54, 48)\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tsetVertices(rightArm2Box,\n\t\t\t\t\ttoSkinVertices(44, 32, 48, 36),\n\t\t\t\t\ttoSkinVertices(48, 32, 52, 36),\n\t\t\t\t\ttoSkinVertices(40, 36, 44, 48),\n\t\t\t\t\ttoSkinVertices(44, 36, 48, 48),\n\t\t\t\t\ttoSkinVertices(48, 36, 52, 48),\n\t\t\t\t\ttoSkinVertices(52, 36, 56, 48)\n\t\t\t\t);\n\t\t\t}\n\t\t\trightArm2Box.uvsNeedUpdate = true;\n\t\t\trightArm2Box.elementsNeedUpdate = true;\n\t\t});\n\n\t\tconst rightArmPivot = new Group();\n\t\trightArmPivot.add(rightArmMesh, rightArm2Mesh);\n\t\trightArmPivot.position.y = -6;\n\n\t\tthis.rightArm = new BodyPart(rightArmMesh, rightArm2Mesh);\n\t\tthis.rightArm.name = \"rightArm\";\n\t\tthis.rightArm.add(rightArmPivot);\n\t\tthis.rightArm.position.y = -4;\n\t\tthis.modelListeners.push(() => {\n\t\t\tthis.rightArm.position.x = this.slim ? -5.5 : -6;\n\t\t});\n\t\tthis.add(this.rightArm);\n\n\t\t// Left Arm\n\t\tconst leftArmBox = new BoxGeometry(1, 1, 1, 0, 0, 0); // w/d/h is model-related\n\t\tconst leftArmMesh = new Mesh(leftArmBox, layer1Material);\n\t\tthis.modelListeners.push(() => {\n\t\t\tleftArmMesh.scale.x = (this.slim ? 3 : 4) - esp;\n\t\t\tleftArmMesh.scale.y = 12 - esp;\n\t\t\tleftArmMesh.scale.z = 4 - esp;\n\t\t\tif (this.slim) {\n\t\t\t\tsetVertices(leftArmBox,\n\t\t\t\t\ttoSkinVertices(36, 48, 39, 52),\n\t\t\t\t\ttoSkinVertices(39, 48, 42, 52),\n\t\t\t\t\ttoSkinVertices(32, 52, 36, 64),\n\t\t\t\t\ttoSkinVertices(36, 52, 39, 64),\n\t\t\t\t\ttoSkinVertices(39, 52, 43, 64),\n\t\t\t\t\ttoSkinVertices(43, 52, 46, 64)\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tsetVertices(leftArmBox,\n\t\t\t\t\ttoSkinVertices(36, 48, 40, 52),\n\t\t\t\t\ttoSkinVertices(40, 48, 44, 52),\n\t\t\t\t\ttoSkinVertices(32, 52, 36, 64),\n\t\t\t\t\ttoSkinVertices(36, 52, 40, 64),\n\t\t\t\t\ttoSkinVertices(40, 52, 44, 64),\n\t\t\t\t\ttoSkinVertices(44, 52, 48, 64)\n\t\t\t\t);\n\t\t\t}\n\t\t\tleftArmBox.uvsNeedUpdate = true;\n\t\t\tleftArmBox.elementsNeedUpdate = true;\n\t\t});\n\n\t\tconst leftArm2Box = new BoxGeometry(1, 1, 1, 0, 0, 0); // w/d/h is model-related\n\t\tconst leftArm2Mesh = new Mesh(leftArm2Box, layer2Material);\n\t\tleftArm2Mesh.renderOrder = 1;\n\t\tthis.modelListeners.push(() => {\n\t\t\tleftArm2Mesh.scale.x = (this.slim ? 3.375 : 4.5) - esp;\n\t\t\tleftArm2Mesh.scale.y = 13.5 - esp;\n\t\t\tleftArm2Mesh.scale.z = 4.5 - esp;\n\t\t\tif (this.slim) {\n\t\t\t\tsetVertices(leftArm2Box,\n\t\t\t\t\ttoSkinVertices(52, 48, 55, 52),\n\t\t\t\t\ttoSkinVertices(55, 48, 58, 52),\n\t\t\t\t\ttoSkinVertices(48, 52, 52, 64),\n\t\t\t\t\ttoSkinVertices(52, 52, 55, 64),\n\t\t\t\t\ttoSkinVertices(55, 52, 59, 64),\n\t\t\t\t\ttoSkinVertices(59, 52, 62, 64)\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tsetVertices(leftArm2Box,\n\t\t\t\t\ttoSkinVertices(52, 48, 56, 52),\n\t\t\t\t\ttoSkinVertices(56, 48, 60, 52),\n\t\t\t\t\ttoSkinVertices(48, 52, 52, 64),\n\t\t\t\t\ttoSkinVertices(52, 52, 56, 64),\n\t\t\t\t\ttoSkinVertices(56, 52, 60, 64),\n\t\t\t\t\ttoSkinVertices(60, 52, 64, 64)\n\t\t\t\t);\n\t\t\t}\n\t\t\tleftArm2Box.uvsNeedUpdate = true;\n\t\t\tleftArm2Box.elementsNeedUpdate = true;\n\t\t});\n\n\t\tconst leftArmPivot = new Group();\n\t\tleftArmPivot.add(leftArmMesh, leftArm2Mesh);\n\t\tleftArmPivot.position.y = -6;\n\n\t\tthis.leftArm = new BodyPart(leftArmMesh, leftArm2Mesh);\n\t\tthis.leftArm.name = \"leftArm\";\n\t\tthis.leftArm.add(leftArmPivot);\n\t\tthis.leftArm.position.y = -4;\n\t\tthis.modelListeners.push(() => {\n\t\t\tthis.leftArm.position.x = this.slim ? 5.5 : 6;\n\t\t});\n\t\tthis.add(this.leftArm);\n\n\t\t// Right Leg\n\t\tconst rightLegBox = new BoxGeometry(4 - esp, 12 - esp, 4 - esp, 0, 0, 0);\n\t\tsetVertices(rightLegBox,\n\t\t\ttoSkinVertices(4, 16, 8, 20),\n\t\t\ttoSkinVertices(8, 16, 12, 20),\n\t\t\ttoSkinVertices(0, 20, 4, 32),\n\t\t\ttoSkinVertices(4, 20, 8, 32),\n\t\t\ttoSkinVertices(8, 20, 12, 32),\n\t\t\ttoSkinVertices(12, 20, 16, 32)\n\t\t);\n\t\tconst rightLegMesh = new Mesh(rightLegBox, layer1Material);\n\n\t\tconst rightLeg2Box = new BoxGeometry(4.5 - esp, 13.5 - esp, 4.5 - esp, 0, 0, 0);\n\t\tsetVertices(rightLeg2Box,\n\t\t\ttoSkinVertices(4, 32, 8, 36),\n\t\t\ttoSkinVertices(8, 32, 12, 36),\n\t\t\ttoSkinVertices(0, 36, 4, 48),\n\t\t\ttoSkinVertices(4, 36, 8, 48),\n\t\t\ttoSkinVertices(8, 36, 12, 48),\n\t\t\ttoSkinVertices(12, 36, 16, 48)\n\t\t);\n\t\tconst rightLeg2Mesh = new Mesh(rightLeg2Box, layer2Material);\n\t\trightLeg2Mesh.renderOrder = 1;\n\n\t\tconst rightLegPivot = new Group();\n\t\trightLegPivot.add(rightLegMesh, rightLeg2Mesh);\n\t\trightLegPivot.position.y = -6;\n\n\t\tthis.rightLeg = new BodyPart(rightLegMesh, rightLeg2Mesh);\n\t\tthis.rightLeg.name = \"rightLeg\";\n\t\tthis.rightLeg.add(rightLegPivot);\n\t\tthis.rightLeg.position.y = -16;\n\t\tthis.rightLeg.position.x = -2;\n\t\tthis.add(this.rightLeg);\n\n\t\t// Left Leg\n\t\tconst leftLegBox = new BoxGeometry(4 - esp, 12 - esp, 4 - esp, 0, 0, 0);\n\t\tsetVertices(leftLegBox,\n\t\t\ttoSkinVertices(20, 48, 24, 52),\n\t\t\ttoSkinVertices(24, 48, 28, 52),\n\t\t\ttoSkinVertices(16, 52, 20, 64),\n\t\t\ttoSkinVertices(20, 52, 24, 64),\n\t\t\ttoSkinVertices(24, 52, 28, 64),\n\t\t\ttoSkinVertices(28, 52, 32, 64)\n\t\t);\n\t\tconst leftLegMesh = new Mesh(leftLegBox, layer1Material);\n\n\t\tconst leftLeg2Box = new BoxGeometry(4.5 - esp, 13.5 - esp, 4.5 - esp, 0, 0, 0);\n\t\tsetVertices(leftLeg2Box,\n\t\t\ttoSkinVertices(4, 48, 8, 52),\n\t\t\ttoSkinVertices(8, 48, 12, 52),\n\t\t\ttoSkinVertices(0, 52, 4, 64),\n\t\t\ttoSkinVertices(4, 52, 8, 64),\n\t\t\ttoSkinVertices(8, 52, 12, 64),\n\t\t\ttoSkinVertices(12, 52, 16, 64)\n\t\t);\n\t\tconst leftLeg2Mesh = new Mesh(leftLeg2Box, layer2Material);\n\t\tleftLeg2Mesh.renderOrder = 1;\n\n\t\tconst leftLegPivot = new Group();\n\t\tleftLegPivot.add(leftLegMesh, leftLeg2Mesh);\n\t\tleftLegPivot.position.y = -6;\n\n\t\tthis.leftLeg = new BodyPart(leftLegMesh, leftLeg2Mesh);\n\t\tthis.leftLeg.name = \"leftLeg\";\n\t\tthis.leftLeg.add(leftLegPivot);\n\t\tthis.leftLeg.position.y = -16;\n\t\tthis.leftLeg.position.x = 2;\n\t\tthis.add(this.leftLeg);\n\n\t\tthis.slim = false;\n\t}\n\n\tget slim() {\n\t\treturn this._slim;\n\t}\n\n\tset slim(value) {\n\t\tthis._slim = value;\n\t\tthis.modelListeners.forEach(listener => listener());\n\t}\n\n\tprivate getBodyParts() {\n\t\treturn this.children.filter(it => it instanceof BodyPart) as Array<BodyPart>;\n\t}\n\n\tsetInnerLayerVisible(value: boolean) {\n\t\tthis.getBodyParts().forEach(part => part.innerLayer.visible = value);\n\t}\n\n\tsetOuterLayerVisible(value: boolean) {\n\t\tthis.getBodyParts().forEach(part => part.outerLayer.visible = value);\n\t}\n}\n\nexport class CapeObject extends Group {\n\n\treadonly cape: Mesh;\n\n\tconstructor(texture: Texture) {\n\t\tsuper();\n\n\t\tconst capeMaterial = new MeshBasicMaterial({ map: texture, transparent: true, opacity: 1, side: DoubleSide, alphaTest: 0.5 });\n\n\t\t// back = outside\n\t\t// front = inside\n\t\tconst capeBox = new BoxGeometry(10, 16, 1, 0, 0, 0);\n\t\tsetVertices(capeBox,\n\t\t\ttoCapeVertices(1, 0, 11, 1),\n\t\t\ttoCapeVertices(11, 0, 21, 1),\n\t\t\ttoCapeVertices(11, 1, 12, 17),\n\t\t\ttoCapeVertices(12, 1, 22, 17),\n\t\t\ttoCapeVertices(0, 1, 1, 17),\n\t\t\ttoCapeVertices(1, 1, 11, 17)\n\t\t);\n\t\tthis.cape = new Mesh(capeBox, capeMaterial);\n\t\tthis.cape.position.y = -8;\n\t\tthis.cape.position.z = -0.5;\n\t\tthis.add(this.cape);\n\t}\n}\n\nexport class PlayerObject extends Group {\n\n\treadonly skin: SkinObject;\n\treadonly cape: CapeObject;\n\n\tconstructor(skinTexture: Texture, capeTexture: Texture) {\n\t\tsuper();\n\n\t\tthis.skin = new SkinObject(skinTexture);\n\t\tthis.skin.name = \"skin\";\n\t\tthis.add(this.skin);\n\n\t\tthis.cape = new CapeObject(capeTexture);\n\t\tthis.cape.name = \"cape\";\n\t\tthis.cape.position.z = -2;\n\t\tthis.cape.position.y = -4;\n\t\tthis.cape.rotation.x = 25 * Math.PI / 180;\n\t\tthis.add(this.cape);\n\t}\n}\n","import { Clock } from \"three\";\nimport { PlayerObject } from \"./model.js\";\n\nexport interface IAnimation {\n\tplay(player: PlayerObject, time: number): void;\n}\n\nexport type AnimationFn = (player: PlayerObject, time: number) => void;\n\nexport type Animation = AnimationFn | IAnimation;\n\nexport function invokeAnimation(animation: Animation, player: PlayerObject, time: number) {\n\tif (animation instanceof Function) {\n\t\tanimation(player, time);\n\t} else {\n\t\t// must be IAnimation here\n\t\tanimation.play(player, time);\n\t}\n}\n\n// This interface is used to control animations\nexport interface AnimationHandle {\n\tspeed: number;\n\tpaused: boolean;\n\tprogress: number;\n\treadonly animation: Animation;\n\n\treset(): void;\n}\n\nexport interface SubAnimationHandle extends AnimationHandle {\n\tremove(): void;\n\tresetAndRemove(): void;\n}\n\nclass AnimationWrapper implements SubAnimationHandle, IAnimation {\n\tspeed: number = 1.0;\n\tpaused: boolean = false;\n\tprogress: number = 0;\n\treadonly animation: Animation;\n\n\tprivate lastTime: number = 0;\n\tprivate started: boolean = false;\n\tprivate toResetAndRemove: boolean = false;\n\n\tconstructor(animation: Animation) {\n\t\tthis.animation = animation;\n\t}\n\n\tplay(player: PlayerObject, time: number) {\n\t\tif (this.toResetAndRemove) {\n\t\t\tinvokeAnimation(this.animation, player, 0);\n\t\t\tthis.remove();\n\t\t\treturn;\n\t\t}\n\n\t\tlet delta: number;\n\t\tif (this.started) {\n\t\t\tdelta = time - this.lastTime;\n\t\t} else {\n\t\t\tdelta = 0;\n\t\t\tthis.started = true;\n\t\t}\n\t\tthis.lastTime = time;\n\t\tif (!this.paused) {\n\t\t\tthis.progress += delta * this.speed;\n\t\t}\n\t\tinvokeAnimation(this.animation, player, this.progress);\n\t}\n\n\treset() {\n\t\tthis.progress = 0;\n\t}\n\n\tremove() {\n\t\t// stub get's overriden\n\t}\n\n\tresetAndRemove() {\n\t\tthis.toResetAndRemove = true;\n\t}\n}\n\nexport class CompositeAnimation implements IAnimation {\n\n\treadonly handles: Set<AnimationHandle & IAnimation> = new Set();\n\n\tadd(animation: Animation): AnimationHandle {\n\t\tconst handle = new AnimationWrapper(animation);\n\t\thandle.remove = () => {\n\t\t\tthis.handles.delete(handle);\n\t\t};\n\t\tthis.handles.add(handle);\n\t\treturn handle;\n\t}\n\n\tplay(player: PlayerObject, time: number) {\n\t\tthis.handles.forEach(handle => handle.play(player, time));\n\t}\n}\n\nexport class RootAnimation extends CompositeAnimation implements AnimationHandle {\n\tspeed: number = 1.0;\n\tprogress: number = 0.0;\n\treadonly clock: Clock = new Clock(true);\n\n\tget animation() {\n\t\treturn this;\n\t}\n\n\tget paused() {\n\t\treturn !this.clock.running;\n\t}\n\n\tset paused(value) {\n\t\tif (value) {\n\t\t\tthis.clock.stop();\n\t\t} else {\n\t\t\tthis.clock.start();\n\t\t}\n\t}\n\n\trunAnimationLoop(player: PlayerObject): void {\n\t\tif (this.handles.size === 0) {\n\t\t\treturn;\n\t\t}\n\t\tthis.progress += this.clock.getDelta() * this.speed;\n\t\tthis.play(player, this.progress);\n\t}\n\n\treset() {\n\t\tthis.progress = 0;\n\t}\n}\n\nexport const WalkingAnimation: Animation = (player, time) => {\n\tconst skin = player.skin;\n\n\t// Multiply by animation's natural speed\n\ttime *= 8;\n\n\t// Leg swing\n\tskin.leftLeg.rotation.x = Math.sin(time) * 0.5;\n\tskin.rightLeg.rotation.x = Math.sin(time + Math.PI) * 0.5;\n\n\t// Arm swing\n\tskin.leftArm.rotation.x = Math.sin(time + Math.PI) * 0.5;\n\tskin.rightArm.rotation.x = Math.sin(time) * 0.5;\n\tconst basicArmRotationZ = Math.PI * 0.02;\n\tskin.leftArm.rotation.z = Math.cos(time) * 0.03 + basicArmRotationZ;\n\tskin.rightArm.rotation.z = Math.cos(time + Math.PI) * 0.03 - basicArmRotationZ;\n\n\t// Head shaking with different frequency & amplitude\n\tskin.head.rotation.y = Math.sin(time / 4) * 0.2;\n\tskin.head.rotation.x = Math.sin(time / 5) * 0.1;\n\n\t// Always add an angle for cape around the x axis\n\tconst basicCapeRotationX = Math.PI * 0.06;\n\tplayer.cape.rotation.x = Math.sin(time / 1.5) * 0.06 + basicCapeRotationX;\n};\n\nexport const RunningAnimation: Animation = (player, time) => {\n\tconst skin = player.skin;\n\n\ttime *= 15;\n\n\t// Leg swing with larger amplitude\n\tskin.leftLeg.rotation.x = Math.cos(time + Math.PI) * 1.3;\n\tskin.rightLeg.rotation.x = Math.cos(time) * 1.3;\n\n\t// Arm swing\n\tskin.leftArm.rotation.x = Math.cos(time) * 1.5;\n\tskin.rightArm.rotation.x = Math.cos(time + Math.PI) * 1.5;\n\tconst basicArmRotationZ = Math.PI * 0.1;\n\tskin.leftArm.rotation.z = Math.cos(time) * 0.1 + basicArmRotationZ;\n\tskin.rightArm.rotation.z = Math.cos(time + Math.PI) * 0.1 - basicArmRotationZ;\n\n\t// Jumping\n\tplayer.position.y = Math.cos(time * 2);\n\t// Dodging when running\n\tplayer.position.x = Math.cos(time) * 0.15;\n\t// Slightly tilting when running\n\tplayer.rotation.z = Math.cos(time + Math.PI) * 0.01;\n\n\t// Apply higher swing frequency, lower amplitude,\n\t// and greater basic rotation around x axis,\n\t// to cape when running.\n\tconst basicCapeRotationX = Math.PI * 0.3;\n\tplayer.cape.rotation.x = Math.sin(time * 2) * 0.1 + basicCapeRotationX;\n\n\t// What about head shaking?\n\t// You shouldn't glance right and left when running dude :P\n};\n\nexport const RotatingAnimation: Animation = (player, time) => {\n\tplayer.rotation.y = time;\n};\n","function copyImage(context, sX, sY, w, h, dX, dY, flipHorizontal) {\n    var imgData = context.getImageData(sX, sY, w, h);\n    if (flipHorizontal) {\n        for (var y = 0; y < h; y++) {\n            for (var x = 0; x < (w / 2); x++) {\n                var index = (x + y * w) * 4;\n                var index2 = ((w - x - 1) + y * w) * 4;\n                var pA1 = imgData.data[index];\n                var pA2 = imgData.data[index + 1];\n                var pA3 = imgData.data[index + 2];\n                var pA4 = imgData.data[index + 3];\n                var pB1 = imgData.data[index2];\n                var pB2 = imgData.data[index2 + 1];\n                var pB3 = imgData.data[index2 + 2];\n                var pB4 = imgData.data[index2 + 3];\n                imgData.data[index] = pB1;\n                imgData.data[index + 1] = pB2;\n                imgData.data[index + 2] = pB3;\n                imgData.data[index + 3] = pB4;\n                imgData.data[index2] = pA1;\n                imgData.data[index2 + 1] = pA2;\n                imgData.data[index2 + 2] = pA3;\n                imgData.data[index2 + 3] = pA4;\n            }\n        }\n    }\n    context.putImageData(imgData, dX, dY);\n}\nfunction hasTransparency(context, x0, y0, w, h) {\n    var imgData = context.getImageData(x0, y0, w, h);\n    for (var x = 0; x < w; x++) {\n        for (var y = 0; y < h; y++) {\n            var offset = (x + y * w) * 4;\n            if (imgData.data[offset + 3] !== 0xff) {\n                return true;\n            }\n        }\n    }\n    return false;\n}\nfunction computeSkinScale(width) {\n    return width / 64.0;\n}\nfunction fixOpaqueSkin(context, width) {\n    // Some ancient skins don't have transparent pixels (nor have helm).\n    // We have to make the helm area transparent, otherwise it will be rendered as black.\n    if (!hasTransparency(context, 0, 0, width, width / 2)) {\n        var scale_1 = computeSkinScale(width);\n        var clearArea = function (x, y, w, h) {\n            return context.clearRect(x * scale_1, y * scale_1, w * scale_1, h * scale_1);\n        };\n        clearArea(40, 0, 8, 8); // Helm Top\n        clearArea(48, 0, 8, 8); // Helm Bottom\n        clearArea(32, 8, 8, 8); // Helm Right\n        clearArea(40, 8, 8, 8); // Helm Front\n        clearArea(48, 8, 8, 8); // Helm Left\n        clearArea(56, 8, 8, 8); // Helm Back\n    }\n}\nfunction convertSkinTo1_8(context, width) {\n    var scale = computeSkinScale(width);\n    var copySkin = function (sX, sY, w, h, dX, dY, flipHorizontal) {\n        return copyImage(context, sX * scale, sY * scale, w * scale, h * scale, dX * scale, dY * scale, flipHorizontal);\n    };\n    fixOpaqueSkin(context, width);\n    copySkin(4, 16, 4, 4, 20, 48, true); // Top Leg\n    copySkin(8, 16, 4, 4, 24, 48, true); // Bottom Leg\n    copySkin(0, 20, 4, 12, 24, 52, true); // Outer Leg\n    copySkin(4, 20, 4, 12, 20, 52, true); // Front Leg\n    copySkin(8, 20, 4, 12, 16, 52, true); // Inner Leg\n    copySkin(12, 20, 4, 12, 28, 52, true); // Back Leg\n    copySkin(44, 16, 4, 4, 36, 48, true); // Top Arm\n    copySkin(48, 16, 4, 4, 40, 48, true); // Bottom Arm\n    copySkin(40, 20, 4, 12, 40, 52, true); // Outer Arm\n    copySkin(44, 20, 4, 12, 36, 52, true); // Front Arm\n    copySkin(48, 20, 4, 12, 32, 52, true); // Inner Arm\n    copySkin(52, 20, 4, 12, 44, 52, true); // Back Arm\n}\nexport function loadSkinToCanvas(canvas, image) {\n    var isOldFormat = false;\n    if (image.width !== image.height) {\n        if (image.width === 2 * image.height) {\n            isOldFormat = true;\n        }\n        else {\n            throw new Error(\"Bad skin size: \" + image.width + \"x\" + image.height);\n        }\n    }\n    var context = canvas.getContext(\"2d\");\n    if (isOldFormat) {\n        var sideLength = image.width;\n        canvas.width = sideLength;\n        canvas.height = sideLength;\n        context.clearRect(0, 0, sideLength, sideLength);\n        context.drawImage(image, 0, 0, sideLength, sideLength / 2.0);\n        convertSkinTo1_8(context, sideLength);\n    }\n    else {\n        canvas.width = image.width;\n        canvas.height = image.height;\n        context.clearRect(0, 0, image.width, image.height);\n        context.drawImage(image, 0, 0, canvas.width, canvas.height);\n    }\n}\nexport function loadCapeToCanvas(canvas, image) {\n    var isOldFormat = false;\n    if (image.width !== 2 * image.height) {\n        if (image.width * 17 === image.height * 22) {\n            // width/height = 22/17\n            isOldFormat = true;\n        }\n        else {\n            throw new Error(\"Bad cape size: \" + image.width + \"x\" + image.height);\n        }\n    }\n    var context = canvas.getContext(\"2d\");\n    if (isOldFormat) {\n        var width = image.width * 64 / 22;\n        canvas.width = width;\n        canvas.height = width / 2;\n    }\n    else {\n        canvas.width = image.width;\n        canvas.height = image.height;\n    }\n    context.clearRect(0, 0, canvas.width, canvas.height);\n    context.drawImage(image, 0, 0, image.width, image.height);\n}\nexport function isSlimSkin(canvas) {\n    // Detects whether the skin is default or slim.\n    //\n    // The right arm area of *default* skins:\n    // (44,16)->*-------*-------*\n    // (40,20)  |top    |bottom |\n    // \\|/      |4x4    |4x4    |\n    //  *-------*-------*-------*-------*\n    //  |right  |front  |left   |back   |\n    //  |4x12   |4x12   |4x12   |4x12   |\n    //  *-------*-------*-------*-------*\n    // The right arm area of *slim* skins:\n    // (44,16)->*------*------*-*\n    // (40,20)  |top   |bottom| |<----[x0=50,y0=16,w=2,h=4]\n    // \\|/      |3x4   |3x4   | |\n    //  *-------*------*------***-----*-*\n    //  |right  |front |left   |back  | |<----[x0=54,y0=20,w=2,h=12]\n    //  |4x12   |3x12  |4x12   |3x12  | |\n    //  *-------*------*-------*------*-*\n    // Compared with default right arms, slim right arms have 2 unused areas.\n    //\n    // The same is true for left arm:\n    // The left arm area of *default* skins:\n    // (36,48)->*-------*-------*\n    // (32,52)  |top    |bottom |\n    // \\|/      |4x4    |4x4    |\n    //  *-------*-------*-------*-------*\n    //  |right  |front  |left   |back   |\n    //  |4x12   |4x12   |4x12   |4x12   |\n    //  *-------*-------*-------*-------*\n    // The left arm area of *slim* skins:\n    // (36,48)->*------*------*-*\n    // (32,52)  |top   |bottom| |<----[x0=42,y0=48,w=2,h=4]\n    // \\|/      |3x4   |3x4   | |\n    //  *-------*------*------***-----*-*\n    //  |right  |front |left   |back  | |<----[x0=46,y0=52,w=2,h=12]\n    //  |4x12   |3x12  |4x12   |3x12  | |\n    //  *-------*------*-------*------*-*\n    //\n    // If there is a transparent pixel in any of the 4 unused areas, the skin must be slim,\n    // as transparent pixels are not allowed in the first layer.\n    var scale = computeSkinScale(canvas.width);\n    var context = canvas.getContext(\"2d\");\n    var checkArea = function (x, y, w, h) {\n        return hasTransparency(context, x * scale, y * scale, w * scale, h * scale);\n    };\n    return checkArea(50, 16, 2, 4) ||\n        checkArea(54, 20, 2, 12) ||\n        checkArea(42, 48, 2, 4) ||\n        checkArea(46, 52, 2, 12);\n}\n","import { EventDispatcher, MOUSE, OrthographicCamera, PerspectiveCamera, Quaternion, Spherical, Vector2, Vector3 } from \"three\";\nimport { SkinViewer } from \"./viewer.js\";\n\nconst STATE = {\n\tNONE: - 1,\n\tROTATE: 0,\n\tDOLLY: 1,\n\tPAN: 2,\n\tTOUCH_ROTATE: 3,\n\tTOUCH_DOLLY: 4,\n\tTOUCH_PAN: 5\n};\n\nconst CHANGE_EVENT = { type: \"change\" };\nconst START_EVENT = { type: \"start\" };\nconst END_EVENT = { type: \"end\" };\nconst EPS = 0.000001;\n\nexport class OrbitControls extends EventDispatcher {\n\t/**\n\t * @preserve\n\t * The code was originally from https://github.com/mrdoob/three.js/blob/d45a042cf962e9b1aa9441810ba118647b48aacb/examples/js/controls/OrbitControls.js\n\t */\n\t/**\n\t * @license\n\t * Copyright (C) 2010-2017 three.js authors\n\t *\n\t * Permission is hereby granted, free of charge, to any person obtaining a copy\n\t * of this software and associated documentation files (the \"Software\"), to deal\n\t * in the Software without restriction, including without limitation the rights\n\t * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n\t * copies of the Software, and to permit persons to whom the Software is\n\t * furnished to do so, subject to the following conditions:\n\t *\n\t * The above copyright notice and this permission notice shall be included in\n\t * all copies or substantial portions of the Software.\n\t *\n\t * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n\t * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n\t * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n\t * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n\t * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n\t * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n\t * THE SOFTWARE.\n\t *\n\t *\n\t * @author qiao / https://github.com/qiao\n\t * @author mrdoob / http://mrdoob.com\n\t * @author alteredq / http://alteredqualia.com/\n\t * @author WestLangley / http://github.com/WestLangley\n\t * @author erich666 / http://erichaines.com\n\t */\n\n\t// This set of controls performs orbiting, dollying (zooming), and panning.\n\t// Unlike TrackballControls, it maintains the \"up\" direction object.up (+Y by default).\n\t//\n\t//    Orbit - left mouse / touch: one finger move\n\t//    Zoom - middle mouse, or mousewheel / touch: two finger spread or squish\n\t//    Pan - right mouse, or arrow keys / touch: three finger swipe\n\n\tobject: PerspectiveCamera | OrthographicCamera;\n\tdomElement: HTMLElement;\n\twindow: Window;\n\n\t// API\n\tenabled: boolean;\n\ttarget: Vector3;\n\n\tenableZoom: boolean;\n\tzoomSpeed: number;\n\tminDistance: number;\n\tmaxDistance: number;\n\tenableRotate: boolean;\n\trotateSpeed: number;\n\tenablePan: boolean;\n\tkeyPanSpeed: number;\n\tautoRotate: boolean;\n\tautoRotateSpeed: number;\n\tminZoom: number;\n\tmaxZoom: number;\n\tminPolarAngle: number;\n\tmaxPolarAngle: number;\n\tminAzimuthAngle: number;\n\tmaxAzimuthAngle: number;\n\tenableKeys: boolean;\n\tkeys: { LEFT: number; UP: number; RIGHT: number; BOTTOM: number };\n\tmouseButtons: { ORBIT: MOUSE; ZOOM: MOUSE; PAN: MOUSE };\n\tenableDamping: boolean;\n\tdampingFactor: number;\n\n\tprivate spherical: Spherical;\n\tprivate sphericalDelta: Spherical;\n\tprivate scale: number;\n\tprivate target0: Vector3;\n\tprivate position0: Vector3;\n\tprivate zoom0: number;\n\tprivate state: number;\n\tprivate panOffset: Vector3;\n\tprivate zoomChanged: boolean;\n\n\tprivate rotateStart: Vector2;\n\tprivate rotateEnd: Vector2;\n\tprivate rotateDelta: Vector2;\n\n\tprivate panStart: Vector2;\n\tprivate panEnd: Vector2;\n\tprivate panDelta: Vector2;\n\n\tprivate dollyStart: Vector2;\n\tprivate dollyEnd: Vector2;\n\tprivate dollyDelta: Vector2;\n\n\tprivate updateLastPosition: Vector3;\n\tprivate updateOffset: Vector3;\n\tprivate updateQuat: Quaternion;\n\tprivate updateLastQuaternion: Quaternion;\n\tprivate updateQuatInverse: Quaternion;\n\n\tprivate panLeftV: Vector3;\n\tprivate panUpV: Vector3;\n\tprivate panInternalOffset: Vector3;\n\n\tprivate onContextMenu: (event: MouseEvent) => void;\n\tprivate onMouseUp: (event: MouseEvent) => void;\n\tprivate onMouseDown: (event: MouseEvent) => void;\n\tprivate onMouseMove: (event: MouseEvent) => void;\n\tprivate onMouseWheel: (event: MouseWheelEvent) => void;\n\tprivate onTouchStart: (event: TouchEvent) => void;\n\tprivate onTouchEnd: (event: TouchEvent) => void;\n\tprivate onTouchMove: (event: TouchEvent) => void;\n\tprivate onKeyDown: (event: KeyboardEvent) => void;\n\n\tconstructor(object: PerspectiveCamera | OrthographicCamera, domElement: HTMLElement, domWindow?: Window) {\n\t\tsuper();\n\t\tthis.object = object;\n\n\t\tthis.domElement = domElement;\n\t\tthis.window = (domWindow !== undefined) ? domWindow : window;\n\n\t\t// Set to false to disable this control\n\t\tthis.enabled = true;\n\n\t\t// \"target\" sets the location of focus, where the object orbits around\n\t\tthis.target = new Vector3();\n\n\t\t// How far you can dolly in and out ( PerspectiveCamera only )\n\t\tthis.minDistance = 0;\n\t\tthis.maxDistance = Infinity;\n\n\t\t// How far you can zoom in and out ( OrthographicCamera only )\n\t\tthis.minZoom = 0;\n\t\tthis.maxZoom = Infinity;\n\n\t\t// How far you can orbit vertically, upper and lower limits.\n\t\t// Range is 0 to Math.PI radians.\n\t\tthis.minPolarAngle = 0; // radians\n\t\tthis.maxPolarAngle = Math.PI; // radians\n\n\t\t// How far you can orbit horizontally, upper and lower limits.\n\t\t// If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ].\n\t\tthis.minAzimuthAngle = - Infinity; // radians\n\t\tthis.maxAzimuthAngle = Infinity; // radians\n\n\t\t// Set to true to enable damping (inertia)\n\t\t// If damping is enabled, you must call controls.update() in your animation loop\n\t\tthis.enableDamping = false;\n\t\tthis.dampingFactor = 0.25;\n\n\t\t// This option actually enables dollying in and out; left as \"zoom\" for backwards compatibility.\n\t\t// Set to false to disable zooming\n\t\tthis.enableZoom = true;\n\t\tthis.zoomSpeed = 1.0;\n\n\t\t// Set to false to disable rotating\n\t\tthis.enableRotate = true;\n\t\tthis.rotateSpeed = 1.0;\n\n\t\t// Set to false to disable panning\n\t\tthis.enablePan = true;\n\t\tthis.keyPanSpeed = 7.0;\t// pixels moved per arrow key push\n\n\t\t// Set to true to automatically rotate around the target\n\t\t// If auto-rotate is enabled, you must call controls.update() in your animation loop\n\t\tthis.autoRotate = false;\n\t\tthis.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60\n\n\t\t// Set to false to disable use of the keys\n\t\tthis.enableKeys = true;\n\n\t\t// The four arrow keys\n\t\tthis.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 };\n\n\t\t// Mouse buttons\n\t\tthis.mouseButtons = { ORBIT: MOUSE.LEFT, ZOOM: MOUSE.MIDDLE, PAN: MOUSE.RIGHT };\n\n\t\t// for reset\n\t\tthis.target0 = this.target.clone();\n\t\tthis.position0 = this.object.position.clone();\n\t\tthis.zoom0 = this.object.zoom;\n\n\t\t// for update speedup\n\t\tthis.updateOffset = new Vector3();\n\t\t// so camera.up is the orbit axis\n\t\tthis.updateQuat = new Quaternion().setFromUnitVectors(object.up, new Vector3(0, 1, 0));\n\t\tthis.updateQuatInverse = this.updateQuat.clone().inverse();\n\t\tthis.updateLastPosition = new Vector3();\n\t\tthis.updateLastQuaternion = new Quaternion();\n\n\t\tthis.state = STATE.NONE;\n\t\tthis.scale = 1;\n\n\t\t// current position in spherical coordinates\n\t\tthis.spherical = new Spherical();\n\t\tthis.sphericalDelta = new Spherical();\n\n\t\tthis.panOffset = new Vector3();\n\t\tthis.zoomChanged = false;\n\n\t\tthis.rotateStart = new Vector2();\n\t\tthis.rotateEnd = new Vector2();\n\t\tthis.rotateDelta = new Vector2();\n\n\t\tthis.panStart = new Vector2();\n\t\tthis.panEnd = new Vector2();\n\t\tthis.panDelta = new Vector2();\n\n\t\tthis.dollyStart = new Vector2();\n\t\tthis.dollyEnd = new Vector2();\n\t\tthis.dollyDelta = new Vector2();\n\n\t\tthis.panLeftV = new Vector3();\n\t\tthis.panUpV = new Vector3();\n\t\tthis.panInternalOffset = new Vector3();\n\n\t\t// event handlers - FSM: listen for events and reset state\n\n\t\tthis.onMouseDown = event => {\n\t\t\tif (this.enabled === false) return;\n\t\t\tevent.preventDefault();\n\t\t\tif (event.button === this.mouseButtons.ORBIT) {\n\t\t\t\tif (this.enableRotate === false) return;\n\t\t\t\tthis.rotateStart.set(event.clientX, event.clientY);\n\t\t\t\tthis.state = STATE.ROTATE;\n\t\t\t} else if (event.button === this.mouseButtons.ZOOM) {\n\t\t\t\tif (this.enableZoom === false) return;\n\t\t\t\tthis.dollyStart.set(event.clientX, event.clientY);\n\t\t\t\tthis.state = STATE.DOLLY;\n\t\t\t} else if (event.button === this.mouseButtons.PAN) {\n\t\t\t\tif (this.enablePan === false) return;\n\t\t\t\tthis.panStart.set(event.clientX, event.clientY);\n\t\t\t\tthis.state = STATE.PAN;\n\t\t\t}\n\n\t\t\tif (this.state !== STATE.NONE) {\n\t\t\t\tdocument.addEventListener(\"mousemove\", this.onMouseMove, false);\n\t\t\t\tdocument.addEventListener(\"mouseup\", this.onMouseUp, false);\n\t\t\t\tthis.dispatchEvent(START_EVENT);\n\t\t\t}\n\t\t};\n\n\t\tthis.onMouseMove = event => {\n\t\t\tif (this.enabled === false) return;\n\n\t\t\tevent.preventDefault();\n\n\t\t\tif (this.state === STATE.ROTATE) {\n\t\t\t\tif (this.enableRotate === false) return;\n\t\t\t\tthis.rotateEnd.set(event.clientX, event.clientY);\n\t\t\t\tthis.rotateDelta.subVectors(this.rotateEnd, this.rotateStart);\n\n\t\t\t\t// rotating across whole screen goes 360 degrees around\n\t\t\t\tthis.rotateLeft(2 * Math.PI * this.rotateDelta.x / this.domElement.clientWidth * this.rotateSpeed);\n\t\t\t\t// rotating up and down along whole screen attempts to go 360, but limited to 180\n\t\t\t\tthis.rotateUp(2 * Math.PI * this.rotateDelta.y / this.domElement.clientHeight * this.rotateSpeed);\n\t\t\t\tthis.rotateStart.copy(this.rotateEnd);\n\n\t\t\t\tthis.update();\n\t\t\t} else if (this.state === STATE.DOLLY) {\n\n\t\t\t\tif (this.enableZoom === false) return;\n\n\t\t\t\tthis.dollyEnd.set(event.clientX, event.clientY);\n\t\t\t\tthis.dollyDelta.subVectors(this.dollyEnd, this.dollyStart);\n\n\t\t\t\tif (this.dollyDelta.y > 0) {\n\t\t\t\t\tthis.dollyIn(this.getZoomScale());\n\t\t\t\t} else if (this.dollyDelta.y < 0) {\n\t\t\t\t\tthis.dollyOut(this.getZoomScale());\n\t\t\t\t}\n\n\t\t\t\tthis.dollyStart.copy(this.dollyEnd);\n\t\t\t\tthis.update();\n\t\t\t} else if (this.state === STATE.PAN) {\n\n\t\t\t\tif (this.enablePan === false) return;\n\n\t\t\t\tthis.panEnd.set(event.clientX, event.clientY);\n\t\t\t\tthis.panDelta.subVectors(this.panEnd, this.panStart);\n\t\t\t\tthis.pan(this.panDelta.x, this.panDelta.y);\n\t\t\t\tthis.panStart.copy(this.panEnd);\n\t\t\t\tthis.update();\n\t\t\t}\n\t\t};\n\n\t\tthis.onMouseUp = () => {\n\t\t\tif (this.enabled === false) return;\n\t\t\tdocument.removeEventListener(\"mousemove\", this.onMouseMove, false);\n\t\t\tdocument.removeEventListener(\"mouseup\", this.onMouseUp, false);\n\n\t\t\tthis.dispatchEvent(END_EVENT);\n\t\t\tthis.state = STATE.NONE;\n\t\t};\n\n\t\tthis.onMouseWheel = event => {\n\n\t\t\tif (this.enabled === false || this.enableZoom === false || (this.state !== STATE.NONE && this.state !== STATE.ROTATE)) return;\n\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\n\t\t\tif (event.deltaY < 0) {\n\t\t\t\tthis.dollyOut(this.getZoomScale());\n\t\t\t} else if (event.deltaY > 0) {\n\t\t\t\tthis.dollyIn(this.getZoomScale());\n\t\t\t}\n\n\t\t\tthis.update();\n\n\t\t\tthis.dispatchEvent(START_EVENT); // not sure why these are here...\n\t\t\tthis.dispatchEvent(END_EVENT);\n\t\t};\n\n\t\tthis.onKeyDown = event => {\n\n\t\t\tif (this.enabled === false || this.enableKeys === false || this.enablePan === false) return;\n\n\t\t\tswitch (event.keyCode) {\n\t\t\t\tcase this.keys.UP: {\n\t\t\t\t\tthis.pan(0, this.keyPanSpeed);\n\t\t\t\t\tthis.update();\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase this.keys.BOTTOM: {\n\t\t\t\t\tthis.pan(0, - this.keyPanSpeed);\n\t\t\t\t\tthis.update();\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase this.keys.LEFT: {\n\t\t\t\t\tthis.pan(this.keyPanSpeed, 0);\n\t\t\t\t\tthis.update();\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase this.keys.RIGHT: {\n\t\t\t\t\tthis.pan(- this.keyPanSpeed, 0);\n\t\t\t\t\tthis.update();\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tthis.onTouchStart = event => {\n\t\t\tif (this.enabled === false) return;\n\n\t\t\tswitch (event.touches.length) {\n\t\t\t\t// one-fingered touch: rotate\n\t\t\t\tcase 1: {\n\t\t\t\t\tif (this.enableRotate === false) return;\n\n\t\t\t\t\tthis.rotateStart.set(event.touches[0].pageX, event.touches[0].pageY);\n\t\t\t\t\tthis.state = STATE.TOUCH_ROTATE;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\t// two-fingered touch: dolly\n\t\t\t\tcase 2: {\n\t\t\t\t\tif (this.enableZoom === false) return;\n\n\t\t\t\t\tconst dx = event.touches[0].pageX - event.touches[1].pageX;\n\t\t\t\t\tconst dy = event.touches[0].pageY - event.touches[1].pageY;\n\n\t\t\t\t\tconst distance = Math.sqrt(dx * dx + dy * dy);\n\t\t\t\t\tthis.dollyStart.set(0, distance);\n\t\t\t\t\tthis.state = STATE.TOUCH_DOLLY;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\t// three-fingered touch: pan\n\t\t\t\tcase 3: {\n\t\t\t\t\tif (this.enablePan === false) return;\n\n\t\t\t\t\tthis.panStart.set(event.touches[0].pageX, event.touches[0].pageY);\n\t\t\t\t\tthis.state = STATE.TOUCH_PAN;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\tthis.state = STATE.NONE;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.state !== STATE.NONE) {\n\t\t\t\tthis.dispatchEvent(START_EVENT);\n\t\t\t}\n\t\t};\n\n\t\tthis.onTouchMove = event => {\n\t\t\tif (this.enabled === false) return;\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\n\t\t\tswitch (event.touches.length) {\n\t\t\t\t// one-fingered touch: rotate\n\t\t\t\tcase 1: {\n\t\t\t\t\tif (this.enableRotate === false) return;\n\t\t\t\t\tif (this.state !== STATE.TOUCH_ROTATE) return; // is this needed?...\n\n\t\t\t\t\tthis.rotateEnd.set(event.touches[0].pageX, event.touches[0].pageY);\n\t\t\t\t\tthis.rotateDelta.subVectors(this.rotateEnd, this.rotateStart);\n\n\t\t\t\t\t// rotating across whole screen goes 360 degrees around\n\t\t\t\t\tthis.rotateLeft(2 * Math.PI * this.rotateDelta.x / this.domElement.clientWidth * this.rotateSpeed);\n\n\t\t\t\t\t// rotating up and down along whole screen attempts to go 360, but limited to 180\n\t\t\t\t\tthis.rotateUp(2 * Math.PI * this.rotateDelta.y / this.domElement.clientHeight * this.rotateSpeed);\n\n\t\t\t\t\tthis.rotateStart.copy(this.rotateEnd);\n\n\t\t\t\t\tthis.update();\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\t// two-fingered touch: dolly\n\t\t\t\tcase 2: {\n\t\t\t\t\tif (this.enableZoom === false) return;\n\t\t\t\t\tif (this.state !== STATE.TOUCH_DOLLY) return; // is this needed?...\n\n\t\t\t\t\t// console.log( \"handleTouchMoveDolly\" );\n\t\t\t\t\tconst dx = event.touches[0].pageX - event.touches[1].pageX;\n\t\t\t\t\tconst dy = event.touches[0].pageY - event.touches[1].pageY;\n\n\t\t\t\t\tconst distance = Math.sqrt(dx * dx + dy * dy);\n\n\t\t\t\t\tthis.dollyEnd.set(0, distance);\n\n\t\t\t\t\tthis.dollyDelta.subVectors(this.dollyEnd, this.dollyStart);\n\n\t\t\t\t\tif (this.dollyDelta.y > 0) {\n\t\t\t\t\t\tthis.dollyOut(this.getZoomScale());\n\t\t\t\t\t} else if (this.dollyDelta.y < 0) {\n\t\t\t\t\t\tthis.dollyIn(this.getZoomScale());\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.dollyStart.copy(this.dollyEnd);\n\t\t\t\t\tthis.update();\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\t// three-fingered touch: pan\n\t\t\t\tcase 3: {\n\t\t\t\t\tif (this.enablePan === false) return;\n\t\t\t\t\tif (this.state !== STATE.TOUCH_PAN) return; // is this needed?...\n\t\t\t\t\tthis.panEnd.set(event.touches[0].pageX, event.touches[0].pageY);\n\t\t\t\t\tthis.panDelta.subVectors(this.panEnd, this.panStart);\n\t\t\t\t\tthis.pan(this.panDelta.x, this.panDelta.y);\n\t\t\t\t\tthis.panStart.copy(this.panEnd);\n\t\t\t\t\tthis.update();\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\tthis.state = STATE.NONE;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tthis.onTouchEnd = () => {\n\t\t\tif (this.enabled === false) return;\n\t\t\tthis.dispatchEvent(END_EVENT);\n\t\t\tthis.state = STATE.NONE;\n\t\t};\n\n\t\tthis.onContextMenu = event => {\n\t\t\tevent.preventDefault();\n\t\t};\n\n\t\tthis.domElement.addEventListener(\"contextmenu\", this.onContextMenu, false);\n\n\t\tthis.domElement.addEventListener(\"mousedown\", this.onMouseDown, false);\n\t\tthis.domElement.addEventListener(\"wheel\", this.onMouseWheel, false);\n\n\t\tthis.domElement.addEventListener(\"touchstart\", this.onTouchStart, false);\n\t\tthis.domElement.addEventListener(\"touchend\", this.onTouchEnd, false);\n\t\tthis.domElement.addEventListener(\"touchmove\", this.onTouchMove, false);\n\n\t\tthis.window.addEventListener(\"keydown\", this.onKeyDown, false);\n\n\t\t// force an update at start\n\t\tthis.update();\n\t}\n\n\tupdate() {\n\t\tconst position = this.object.position;\n\t\tthis.updateOffset.copy(position).sub(this.target);\n\n\t\t// rotate offset to \"y-axis-is-up\" space\n\t\tthis.updateOffset.applyQuaternion(this.updateQuat);\n\n\t\t// angle from z-axis around y-axis\n\t\tthis.spherical.setFromVector3(this.updateOffset);\n\n\t\tif (this.autoRotate && this.state === STATE.NONE) {\n\t\t\tthis.rotateLeft(this.getAutoRotationAngle());\n\t\t}\n\n\t\tthis.spherical.theta += this.sphericalDelta.theta;\n\t\tthis.spherical.phi += this.sphericalDelta.phi;\n\n\t\t// restrict theta to be between desired limits\n\t\tthis.spherical.theta = Math.max(this.minAzimuthAngle, Math.min(this.maxAzimuthAngle, this.spherical.theta));\n\n\t\t// restrict phi to be between desired limits\n\t\tthis.spherical.phi = Math.max(this.minPolarAngle, Math.min(this.maxPolarAngle, this.spherical.phi));\n\n\t\tthis.spherical.makeSafe();\n\n\t\tthis.spherical.radius *= this.scale;\n\n\t\t// restrict radius to be between desired limits\n\t\tthis.spherical.radius = Math.max(this.minDistance, Math.min(this.maxDistance, this.spherical.radius));\n\n\t\t// move target to panned location\n\t\tthis.target.add(this.panOffset);\n\n\t\tthis.updateOffset.setFromSpherical(this.spherical);\n\n\t\t// rotate offset back to \"camera-up-vector-is-up\" space\n\t\tthis.updateOffset.applyQuaternion(this.updateQuatInverse);\n\n\t\tposition.copy(this.target).add(this.updateOffset);\n\n\t\tthis.object.lookAt(this.target);\n\n\t\tif (this.enableDamping === true) {\n\n\t\t\tthis.sphericalDelta.theta *= (1 - this.dampingFactor);\n\t\t\tthis.sphericalDelta.phi *= (1 - this.dampingFactor);\n\n\t\t} else {\n\n\t\t\tthis.sphericalDelta.set(0, 0, 0);\n\n\t\t}\n\n\t\tthis.scale = 1;\n\t\tthis.panOffset.set(0, 0, 0);\n\n\t\t// update condition is:\n\t\t// min(camera displacement, camera rotation in radians)^2 > EPS\n\t\t// using small-angle approximation cos(x/2) = 1 - x^2 / 8\n\n\t\tif (this.zoomChanged ||\n\t\t\tthis.updateLastPosition.distanceToSquared(this.object.position) > EPS ||\n\t\t\t8 * (1 - this.updateLastQuaternion.dot(this.object.quaternion)) > EPS) {\n\n\t\t\tthis.dispatchEvent(CHANGE_EVENT);\n\t\t\tthis.updateLastPosition.copy(this.object.position);\n\t\t\tthis.updateLastQuaternion.copy(this.object.quaternion);\n\t\t\tthis.zoomChanged = false;\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\n\tpanLeft(distance: number, objectMatrix) {\n\t\tthis.panLeftV.setFromMatrixColumn(objectMatrix, 0); // get X column of objectMatrix\n\t\tthis.panLeftV.multiplyScalar(- distance);\n\t\tthis.panOffset.add(this.panLeftV);\n\t}\n\n\tpanUp(distance: number, objectMatrix) {\n\t\tthis.panUpV.setFromMatrixColumn(objectMatrix, 1); // get Y column of objectMatrix\n\t\tthis.panUpV.multiplyScalar(distance);\n\t\tthis.panOffset.add(this.panUpV);\n\t}\n\n\t// deltaX and deltaY are in pixels; right and down are positive\n\tpan(deltaX: number, deltaY: number) {\n\t\tif (this.object instanceof PerspectiveCamera) {\n\t\t\t// perspective\n\t\t\tconst position = this.object.position;\n\t\t\tthis.panInternalOffset.copy(position).sub(this.target);\n\t\t\tlet targetDistance = this.panInternalOffset.length();\n\n\t\t\t// half of the fov is center to top of screen\n\t\t\ttargetDistance *= Math.tan((this.object.fov / 2) * Math.PI / 180.0);\n\n\t\t\t// we actually don\"t use screenWidth, since perspective camera is fixed to screen height\n\t\t\tthis.panLeft(2 * deltaX * targetDistance / this.domElement.clientHeight, this.object.matrix);\n\t\t\tthis.panUp(2 * deltaY * targetDistance / this.domElement.clientHeight, this.object.matrix);\n\t\t} else if (this.object instanceof OrthographicCamera) {\n\t\t\t// orthographic\n\t\t\tthis.panLeft(deltaX * (this.object.right - this.object.left) / this.object.zoom / this.domElement.clientWidth, this.object.matrix);\n\t\t\tthis.panUp(deltaY * (this.object.top - this.object.bottom) / this.object.zoom / this.domElement.clientHeight, this.object.matrix);\n\t\t} else {\n\t\t\t// camera neither orthographic nor perspective\n\t\t\tconsole.warn(\"WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.\");\n\t\t\tthis.enablePan = false;\n\t\t}\n\t}\n\n\tdollyIn(dollyScale) {\n\t\tif (this.object instanceof PerspectiveCamera) {\n\t\t\tthis.scale /= dollyScale;\n\t\t} else if (this.object instanceof OrthographicCamera) {\n\t\t\tthis.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom * dollyScale));\n\t\t\tthis.object.updateProjectionMatrix();\n\t\t\tthis.zoomChanged = true;\n\t\t} else {\n\t\t\tconsole.warn(\"WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.\");\n\t\t\tthis.enableZoom = false;\n\t\t}\n\t}\n\n\tdollyOut(dollyScale) {\n\t\tif (this.object instanceof PerspectiveCamera) {\n\t\t\tthis.scale *= dollyScale;\n\t\t} else if (this.object instanceof OrthographicCamera) {\n\t\t\tthis.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / dollyScale));\n\t\t\tthis.object.updateProjectionMatrix();\n\t\t\tthis.zoomChanged = true;\n\t\t} else {\n\t\t\tconsole.warn(\"WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.\");\n\t\t\tthis.enableZoom = false;\n\t\t}\n\t}\n\n\tgetAutoRotationAngle() {\n\t\treturn 2 * Math.PI / 60 / 60 * this.autoRotateSpeed;\n\t}\n\n\tgetZoomScale() {\n\t\treturn Math.pow(0.95, this.zoomSpeed);\n\t}\n\n\trotateLeft(angle: number) {\n\t\tthis.sphericalDelta.theta -= angle;\n\t}\n\n\trotateUp(angle: number) {\n\t\tthis.sphericalDelta.phi -= angle;\n\t}\n\n\tgetPolarAngle(): number {\n\t\treturn this.spherical.phi;\n\t}\n\n\tgetAzimuthalAngle(): number {\n\t\treturn this.spherical.theta;\n\t}\n\n\tdispose(): void {\n\t\tthis.domElement.removeEventListener(\"contextmenu\", this.onContextMenu, false);\n\t\tthis.domElement.removeEventListener(\"mousedown\", this.onMouseDown, false);\n\t\tthis.domElement.removeEventListener(\"wheel\", this.onMouseWheel, false);\n\n\t\tthis.domElement.removeEventListener(\"touchstart\", this.onTouchStart, false);\n\t\tthis.domElement.removeEventListener(\"touchend\", this.onTouchEnd, false);\n\t\tthis.domElement.removeEventListener(\"touchmove\", this.onTouchMove, false);\n\n\t\tdocument.removeEventListener(\"mousemove\", this.onMouseMove, false);\n\t\tdocument.removeEventListener(\"mouseup\", this.onMouseUp, false);\n\n\t\tthis.window.removeEventListener(\"keydown\", this.onKeyDown, false);\n\t\t// this.dispatchEvent( { type: \"dispose\" } ); // should this be added here?\n\t}\n\n\treset(): void {\n\t\tthis.target.copy(this.target0);\n\t\tthis.object.position.copy(this.position0);\n\t\tthis.object.zoom = this.zoom0;\n\n\t\tthis.object.updateProjectionMatrix();\n\t\tthis.dispatchEvent(CHANGE_EVENT);\n\n\t\tthis.update();\n\n\t\tthis.state = STATE.NONE;\n\t}\n}\n\nexport function createOrbitControls(skinViewer: SkinViewer) {\n\tconst control = new OrbitControls(skinViewer.camera, skinViewer.renderer.domElement);\n\n\t// default configuration\n\tcontrol.enablePan = false;\n\tcontrol.target = new Vector3(0, -12, 0);\n\tcontrol.minDistance = 10;\n\tcontrol.maxDistance = 256;\n\tcontrol.update();\n\n\treturn control;\n}\n","import { NearestFilter, PerspectiveCamera, Scene, Texture, Vector2, WebGLRenderer } from \"three\";\nimport { RootAnimation } from \"./animation.js\";\nimport { PlayerObject } from \"./model.js\";\nimport { isSlimSkin, loadCapeToCanvas, loadSkinToCanvas } from \"skinview-utils\";\n\nexport interface SkinViewerOptions {\n\tdomElement: Node;\n\tanimation?: Animation;\n\tskinUrl?: string;\n\tcapeUrl?: string;\n\twidth?: number;\n\theight?: number;\n\tdetectModel?: boolean;\n}\n\nexport class SkinViewer {\n\n\tpublic readonly domElement: Node;\n\tpublic readonly animations: RootAnimation = new RootAnimation();\n\tpublic detectModel: boolean = true;\n\tpublic disposed: boolean = false;\n\n\tpublic readonly skinImg: HTMLImageElement;\n\tpublic readonly skinCanvas: HTMLCanvasElement;\n\tpublic readonly skinTexture: Texture;\n\n\tpublic readonly capeImg: HTMLImageElement;\n\tpublic readonly capeCanvas: HTMLCanvasElement;\n\tpublic readonly capeTexture: Texture;\n\n\tpublic readonly scene: Scene;\n\tpublic readonly camera: PerspectiveCamera;\n\tpublic readonly renderer: WebGLRenderer;\n\n\tpublic readonly playerObject: PlayerObject;\n\n\tprivate _renderPaused: boolean = false;\n\n\tconstructor(options: SkinViewerOptions) {\n\t\tthis.domElement = options.domElement;\n\t\tif (options.detectModel === false) {\n\t\t\tthis.detectModel = false;\n\t\t}\n\n\t\t// texture\n\t\tthis.skinImg = new Image();\n\t\tthis.skinCanvas = document.createElement(\"canvas\");\n\t\tthis.skinTexture = new Texture(this.skinCanvas);\n\t\tthis.skinTexture.magFilter = NearestFilter;\n\t\tthis.skinTexture.minFilter = NearestFilter;\n\n\t\tthis.capeImg = new Image();\n\t\tthis.capeCanvas = document.createElement(\"canvas\");\n\t\tthis.capeTexture = new Texture(this.capeCanvas);\n\t\tthis.capeTexture.magFilter = NearestFilter;\n\t\tthis.capeTexture.minFilter = NearestFilter;\n\n\t\t// scene\n\t\tthis.scene = new Scene();\n\n\t\t// Use smaller fov to avoid distortion\n\t\tthis.camera = new PerspectiveCamera(40);\n\t\tthis.camera.position.y = -12;\n\t\tthis.camera.position.z = 60;\n\n\t\tthis.renderer = new WebGLRenderer({ alpha: true, antialias: false });\n\t\tthis.renderer.setSize(300, 300); // default size\n\t\tthis.domElement.appendChild(this.renderer.domElement);\n\n\t\tthis.playerObject = new PlayerObject(this.skinTexture, this.capeTexture);\n\t\tthis.playerObject.name = \"player\";\n\t\tthis.playerObject.skin.visible = false;\n\t\tthis.playerObject.cape.visible = false;\n\t\tthis.scene.add(this.playerObject);\n\n\t\t// texture loading\n\t\tthis.skinImg.crossOrigin = \"anonymous\";\n\t\tthis.skinImg.onerror = () => console.error(\"Failed loading \" + this.skinImg.src);\n\t\tthis.skinImg.onload = () => {\n\t\t\tloadSkinToCanvas(this.skinCanvas, this.skinImg);\n\n\t\t\tif (this.detectModel) {\n\t\t\t\tthis.playerObject.skin.slim = isSlimSkin(this.skinCanvas);\n\t\t\t}\n\n\t\t\tthis.skinTexture.needsUpdate = true;\n\t\t\tthis.playerObject.skin.visible = true;\n\t\t};\n\n\t\tthis.capeImg.crossOrigin = \"anonymous\";\n\t\tthis.capeImg.onerror = () => console.error(\"Failed loading \" + this.capeImg.src);\n\t\tthis.capeImg.onload = () => {\n\t\t\tloadCapeToCanvas(this.capeCanvas, this.capeImg);\n\n\t\t\tthis.capeTexture.needsUpdate = true;\n\t\t\tthis.playerObject.cape.visible = true;\n\t\t};\n\n\t\tif (options.skinUrl) this.skinUrl = options.skinUrl;\n\t\tif (options.capeUrl) this.capeUrl = options.capeUrl;\n\t\tif (options.width) this.width = options.width;\n\t\tif (options.height) this.height = options.height;\n\n\t\twindow.requestAnimationFrame(() => this.draw());\n\t}\n\n\tprivate draw() {\n\t\tif (this.disposed || this._renderPaused) {\n\t\t\treturn;\n\t\t}\n\t\tthis.animations.runAnimationLoop(this.playerObject);\n\t\tthis.renderer.render(this.scene, this.camera);\n\t\twindow.requestAnimationFrame(() => this.draw());\n\t}\n\n\tsetSize(width: number, height: number) {\n\t\tthis.camera.aspect = width / height;\n\t\tthis.camera.updateProjectionMatrix();\n\t\tthis.renderer.setSize(width, height);\n\t}\n\n\tdispose() {\n\t\tthis.disposed = true;\n\t\tthis.domElement.removeChild(this.renderer.domElement);\n\t\tthis.renderer.dispose();\n\t\tthis.skinTexture.dispose();\n\t\tthis.capeTexture.dispose();\n\t}\n\n\tget renderPaused() {\n\t\treturn this._renderPaused;\n\t}\n\n\tset renderPaused(value: boolean) {\n\t\tconst toResume = !this.disposed && !value && this._renderPaused;\n\t\tthis._renderPaused = value;\n\t\tif (toResume) {\n\t\t\twindow.requestAnimationFrame(() => this.draw());\n\t\t}\n\t}\n\n\tget skinUrl() {\n\t\treturn this.skinImg.src;\n\t}\n\n\tset skinUrl(url) {\n\t\tthis.skinImg.src = url;\n\t}\n\n\tget capeUrl() {\n\t\treturn this.capeImg.src;\n\t}\n\n\tset capeUrl(url) {\n\t\tthis.capeImg.src = url;\n\t}\n\n\tget width() {\n\t\tconst target = new Vector2();\n\t\treturn this.renderer.getSize(target).width;\n\t}\n\n\tset width(newWidth) {\n\t\tthis.setSize(newWidth, this.height);\n\t}\n\n\tget height() {\n\t\tconst target = new Vector2();\n\t\treturn this.renderer.getSize(target).height;\n\t}\n\n\tset height(newHeight) {\n\t\tthis.setSize(this.width, newHeight);\n\t}\n}\n"],"names":["toFaceVertices","x1","y1","x2","y2","w","h","Vector2","toSkinVertices","toCapeVertices","setVertices","box","top","bottom","left","front","right","back","faceVertexUvs","esp","BodyPart","Group","[object Object]","innerLayer","outerLayer","super","this","name","SkinObject","texture","layer1Material","MeshBasicMaterial","map","side","FrontSide","layer2Material","transparent","opacity","DoubleSide","alphaTest","headBox","BoxGeometry","headMesh","Mesh","head2Box","head2Mesh","renderOrder","head","add","bodyBox","bodyMesh","body2Box","body2Mesh","body","position","y","rightArmBox","rightArmMesh","modelListeners","push","scale","x","slim","z","uvsNeedUpdate","elementsNeedUpdate","rightArm2Box","rightArm2Mesh","rightArmPivot","rightArm","leftArmBox","leftArmMesh","leftArm2Box","leftArm2Mesh","leftArmPivot","leftArm","rightLegBox","rightLegMesh","rightLeg2Box","rightLeg2Mesh","rightLegPivot","rightLeg","leftLegBox","leftLegMesh","leftLeg2Box","leftLeg2Mesh","leftLegPivot","leftLeg","_slim","value","forEach","listener","children","filter","it","getBodyParts","part","visible","CapeObject","capeMaterial","capeBox","cape","PlayerObject","skinTexture","capeTexture","skin","rotation","Math","PI","invokeAnimation","animation","player","time","Function","play","AnimationWrapper","toResetAndRemove","remove","delta","started","lastTime","paused","progress","speed","CompositeAnimation","Set","handle","handles","delete","RootAnimation","Clock","clock","running","stop","start","size","getDelta","hasTransparency","context","x0","y0","imgData","getImageData","offset","data","computeSkinScale","width","convertSkinTo1_8","copySkin","sX","sY","dX","dY","flipHorizontal","index","index2","pA1","pA2","pA3","pA4","pB1","pB2","pB3","pB4","putImageData","copyImage","scale_1","clearArea","clearRect","fixOpaqueSkin","STATE","CHANGE_EVENT","type","START_EVENT","END_EVENT","OrbitControls","EventDispatcher","object","domElement","domWindow","window","undefined","enabled","target","Vector3","minDistance","maxDistance","Infinity","minZoom","maxZoom","minPolarAngle","maxPolarAngle","minAzimuthAngle","maxAzimuthAngle","enableDamping","dampingFactor","enableZoom","zoomSpeed","enableRotate","rotateSpeed","enablePan","keyPanSpeed","autoRotate","autoRotateSpeed","enableKeys","keys","LEFT","UP","RIGHT","BOTTOM","mouseButtons","ORBIT","MOUSE","ZOOM","MIDDLE","PAN","target0","clone","position0","zoom0","zoom","updateOffset","updateQuat","Quaternion","setFromUnitVectors","up","updateQuatInverse","inverse","updateLastPosition","updateLastQuaternion","state","spherical","Spherical","sphericalDelta","panOffset","zoomChanged","rotateStart","rotateEnd","rotateDelta","panStart","panEnd","panDelta","dollyStart","dollyEnd","dollyDelta","panLeftV","panUpV","panInternalOffset","onMouseDown","event","preventDefault","button","set","clientX","clientY","document","addEventListener","onMouseMove","onMouseUp","dispatchEvent","subVectors","rotateLeft","clientWidth","rotateUp","clientHeight","copy","update","dollyIn","getZoomScale","dollyOut","pan","removeEventListener","onMouseWheel","stopPropagation","deltaY","onKeyDown","keyCode","onTouchStart","touches","length","pageX","pageY","dx","dy","distance","sqrt","onTouchMove","onTouchEnd","onContextMenu","sub","applyQuaternion","setFromVector3","getAutoRotationAngle","theta","phi","max","min","makeSafe","radius","setFromSpherical","lookAt","distanceToSquared","dot","quaternion","objectMatrix","setFromMatrixColumn","multiplyScalar","deltaX","PerspectiveCamera","targetDistance","tan","fov","panLeft","matrix","panUp","OrthographicCamera","console","warn","dollyScale","updateProjectionMatrix","pow","angle","exports","cos","basicArmRotationZ","basicCapeRotationX","sin","options","detectModel","skinImg","Image","skinCanvas","createElement","Texture","magFilter","NearestFilter","minFilter","capeImg","capeCanvas","scene","Scene","camera","renderer","WebGLRenderer","alpha","antialias","setSize","appendChild","playerObject","crossOrigin","onerror","error","src","onload","canvas","checkArea","image","isOldFormat","height","Error","getContext","sideLength","drawImage","loadSkinToCanvas","needsUpdate","loadCapeToCanvas","skinUrl","capeUrl","requestAnimationFrame","draw","disposed","_renderPaused","animations","runAnimationLoop","render","aspect","removeChild","dispose","renderPaused","toResume","url","getSize","newWidth","newHeight","skinViewer","control"],"mappings":"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"}
\ No newline at end of file
diff --git a/js/dist/skinview3d.module.js b/js/dist/skinview3d.module.js
deleted file mode 100644
index 90b70cf..0000000
--- a/js/dist/skinview3d.module.js
+++ /dev/null
@@ -1,1285 +0,0 @@
-/**
- * skinview3d (https://github.com/bs-community/skinview3d)
- *
- * MIT License
- */
-
-import { Group, BoxGeometry, Vector2, Mesh, Clock, Texture, NearestFilter, MeshBasicMaterial, FrontSide, DoubleSide, Scene, PerspectiveCamera, WebGLRenderer, OrthographicCamera, Vector3, MOUSE, Quaternion, Spherical, EventDispatcher } from 'three';
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-function toFaceVertices(x1, y1, x2, y2, w, h) {
-    return [
-        new Vector2(x1 / w, 1.0 - y2 / h),
-        new Vector2(x2 / w, 1.0 - y2 / h),
-        new Vector2(x2 / w, 1.0 - y1 / h),
-        new Vector2(x1 / w, 1.0 - y1 / h)
-    ];
-}
-function toSkinVertices(x1, y1, x2, y2) {
-    return toFaceVertices(x1, y1, x2, y2, 64.0, 64.0);
-}
-function toCapeVertices(x1, y1, x2, y2) {
-    return toFaceVertices(x1, y1, x2, y2, 64.0, 32.0);
-}
-function setVertices(box, top, bottom, left, front, right, back) {
-    box.faceVertexUvs[0] = [];
-    box.faceVertexUvs[0][0] = [right[3], right[0], right[2]];
-    box.faceVertexUvs[0][1] = [right[0], right[1], right[2]];
-    box.faceVertexUvs[0][2] = [left[3], left[0], left[2]];
-    box.faceVertexUvs[0][3] = [left[0], left[1], left[2]];
-    box.faceVertexUvs[0][4] = [top[3], top[0], top[2]];
-    box.faceVertexUvs[0][5] = [top[0], top[1], top[2]];
-    box.faceVertexUvs[0][6] = [bottom[0], bottom[3], bottom[1]];
-    box.faceVertexUvs[0][7] = [bottom[3], bottom[2], bottom[1]];
-    box.faceVertexUvs[0][8] = [front[3], front[0], front[2]];
-    box.faceVertexUvs[0][9] = [front[0], front[1], front[2]];
-    box.faceVertexUvs[0][10] = [back[3], back[0], back[2]];
-    box.faceVertexUvs[0][11] = [back[0], back[1], back[2]];
-}
-var esp = 0.002;
-/**
- * Notice that innerLayer and outerLayer may NOT be the direct children of the Group.
- */
-var BodyPart = /** @class */ (function (_super) {
-    __extends(BodyPart, _super);
-    function BodyPart(innerLayer, outerLayer) {
-        var _this = _super.call(this) || this;
-        _this.innerLayer = innerLayer;
-        _this.outerLayer = outerLayer;
-        innerLayer.name = "inner";
-        outerLayer.name = "outer";
-        return _this;
-    }
-    return BodyPart;
-}(Group));
-var SkinObject = /** @class */ (function (_super) {
-    __extends(SkinObject, _super);
-    function SkinObject(layer1Material, layer2Material) {
-        var _this = _super.call(this) || this;
-        _this.modelListeners = []; // called when model(slim property) is changed
-        _this._slim = false;
-        // Head
-        var headBox = new BoxGeometry(8, 8, 8, 0, 0, 0);
-        setVertices(headBox, toSkinVertices(8, 0, 16, 8), toSkinVertices(16, 0, 24, 8), toSkinVertices(0, 8, 8, 16), toSkinVertices(8, 8, 16, 16), toSkinVertices(16, 8, 24, 16), toSkinVertices(24, 8, 32, 16));
-        var headMesh = new Mesh(headBox, layer1Material);
-        var head2Box = new BoxGeometry(9, 9, 9, 0, 0, 0);
-        setVertices(head2Box, toSkinVertices(40, 0, 48, 8), toSkinVertices(48, 0, 56, 8), toSkinVertices(32, 8, 40, 16), toSkinVertices(40, 8, 48, 16), toSkinVertices(48, 8, 56, 16), toSkinVertices(56, 8, 64, 16));
-        var head2Mesh = new Mesh(head2Box, layer2Material);
-        head2Mesh.renderOrder = -1;
-        _this.head = new BodyPart(headMesh, head2Mesh);
-        _this.head.name = "head";
-        _this.head.add(headMesh, head2Mesh);
-        _this.add(_this.head);
-        // Body
-        var bodyBox = new BoxGeometry(8, 12, 4, 0, 0, 0);
-        setVertices(bodyBox, toSkinVertices(20, 16, 28, 20), toSkinVertices(28, 16, 36, 20), toSkinVertices(16, 20, 20, 32), toSkinVertices(20, 20, 28, 32), toSkinVertices(28, 20, 32, 32), toSkinVertices(32, 20, 40, 32));
-        var bodyMesh = new Mesh(bodyBox, layer1Material);
-        var body2Box = new BoxGeometry(9, 13.5, 4.5, 0, 0, 0);
-        setVertices(body2Box, toSkinVertices(20, 32, 28, 36), toSkinVertices(28, 32, 36, 36), toSkinVertices(16, 36, 20, 48), toSkinVertices(20, 36, 28, 48), toSkinVertices(28, 36, 32, 48), toSkinVertices(32, 36, 40, 48));
-        var body2Mesh = new Mesh(body2Box, layer2Material);
-        _this.body = new BodyPart(bodyMesh, body2Mesh);
-        _this.body.name = "body";
-        _this.body.add(bodyMesh, body2Mesh);
-        _this.body.position.y = -10;
-        _this.add(_this.body);
-        // Right Arm
-        var rightArmBox = new BoxGeometry(1, 1, 1, 0, 0, 0); // w/d/h is model-related
-        var rightArmMesh = new Mesh(rightArmBox, layer1Material);
-        _this.modelListeners.push(function () {
-            rightArmMesh.scale.x = (_this.slim ? 3 : 4) - esp;
-            rightArmMesh.scale.y = 12 - esp;
-            rightArmMesh.scale.z = 4 - esp;
-            if (_this.slim) {
-                setVertices(rightArmBox, toSkinVertices(44, 16, 47, 20), toSkinVertices(47, 16, 50, 20), toSkinVertices(40, 20, 44, 32), toSkinVertices(44, 20, 47, 32), toSkinVertices(47, 20, 51, 32), toSkinVertices(51, 20, 54, 32));
-            }
-            else {
-                setVertices(rightArmBox, toSkinVertices(44, 16, 48, 20), toSkinVertices(48, 16, 52, 20), toSkinVertices(40, 20, 44, 32), toSkinVertices(44, 20, 48, 32), toSkinVertices(48, 20, 52, 32), toSkinVertices(52, 20, 56, 32));
-            }
-            rightArmBox.uvsNeedUpdate = true;
-            rightArmBox.elementsNeedUpdate = true;
-        });
-        var rightArm2Box = new BoxGeometry(1, 1, 1, 0, 0, 0); // w/d/h is model-related
-        var rightArm2Mesh = new Mesh(rightArm2Box, layer2Material);
-        rightArm2Mesh.renderOrder = 1;
-        _this.modelListeners.push(function () {
-            rightArm2Mesh.scale.x = (_this.slim ? 3.375 : 4.5) - esp;
-            rightArm2Mesh.scale.y = 13.5 - esp;
-            rightArm2Mesh.scale.z = 4.5 - esp;
-            if (_this.slim) {
-                setVertices(rightArm2Box, toSkinVertices(44, 32, 47, 36), toSkinVertices(47, 32, 50, 36), toSkinVertices(40, 36, 44, 48), toSkinVertices(44, 36, 47, 48), toSkinVertices(47, 36, 51, 48), toSkinVertices(51, 36, 54, 48));
-            }
-            else {
-                setVertices(rightArm2Box, toSkinVertices(44, 32, 48, 36), toSkinVertices(48, 32, 52, 36), toSkinVertices(40, 36, 44, 48), toSkinVertices(44, 36, 48, 48), toSkinVertices(48, 36, 52, 48), toSkinVertices(52, 36, 56, 48));
-            }
-            rightArm2Box.uvsNeedUpdate = true;
-            rightArm2Box.elementsNeedUpdate = true;
-        });
-        var rightArmPivot = new Group();
-        rightArmPivot.add(rightArmMesh, rightArm2Mesh);
-        rightArmPivot.position.y = -6;
-        _this.rightArm = new BodyPart(rightArmMesh, rightArm2Mesh);
-        _this.rightArm.name = "rightArm";
-        _this.rightArm.add(rightArmPivot);
-        _this.rightArm.position.y = -4;
-        _this.modelListeners.push(function () {
-            _this.rightArm.position.x = _this.slim ? -5.5 : -6;
-        });
-        _this.add(_this.rightArm);
-        // Left Arm
-        var leftArmBox = new BoxGeometry(1, 1, 1, 0, 0, 0); // w/d/h is model-related
-        var leftArmMesh = new Mesh(leftArmBox, layer1Material);
-        _this.modelListeners.push(function () {
-            leftArmMesh.scale.x = (_this.slim ? 3 : 4) - esp;
-            leftArmMesh.scale.y = 12 - esp;
-            leftArmMesh.scale.z = 4 - esp;
-            if (_this.slim) {
-                setVertices(leftArmBox, toSkinVertices(36, 48, 39, 52), toSkinVertices(39, 48, 42, 52), toSkinVertices(32, 52, 36, 64), toSkinVertices(36, 52, 39, 64), toSkinVertices(39, 52, 43, 64), toSkinVertices(43, 52, 46, 64));
-            }
-            else {
-                setVertices(leftArmBox, toSkinVertices(36, 48, 40, 52), toSkinVertices(40, 48, 44, 52), toSkinVertices(32, 52, 36, 64), toSkinVertices(36, 52, 40, 64), toSkinVertices(40, 52, 44, 64), toSkinVertices(44, 52, 48, 64));
-            }
-            leftArmBox.uvsNeedUpdate = true;
-            leftArmBox.elementsNeedUpdate = true;
-        });
-        var leftArm2Box = new BoxGeometry(1, 1, 1, 0, 0, 0); // w/d/h is model-related
-        var leftArm2Mesh = new Mesh(leftArm2Box, layer2Material);
-        leftArm2Mesh.renderOrder = 1;
-        _this.modelListeners.push(function () {
-            leftArm2Mesh.scale.x = (_this.slim ? 3.375 : 4.5) - esp;
-            leftArm2Mesh.scale.y = 13.5 - esp;
-            leftArm2Mesh.scale.z = 4.5 - esp;
-            if (_this.slim) {
-                setVertices(leftArm2Box, toSkinVertices(52, 48, 55, 52), toSkinVertices(55, 48, 58, 52), toSkinVertices(48, 52, 52, 64), toSkinVertices(52, 52, 55, 64), toSkinVertices(55, 52, 59, 64), toSkinVertices(59, 52, 62, 64));
-            }
-            else {
-                setVertices(leftArm2Box, toSkinVertices(52, 48, 56, 52), toSkinVertices(56, 48, 60, 52), toSkinVertices(48, 52, 52, 64), toSkinVertices(52, 52, 56, 64), toSkinVertices(56, 52, 60, 64), toSkinVertices(60, 52, 64, 64));
-            }
-            leftArm2Box.uvsNeedUpdate = true;
-            leftArm2Box.elementsNeedUpdate = true;
-        });
-        var leftArmPivot = new Group();
-        leftArmPivot.add(leftArmMesh, leftArm2Mesh);
-        leftArmPivot.position.y = -6;
-        _this.leftArm = new BodyPart(leftArmMesh, leftArm2Mesh);
-        _this.leftArm.name = "leftArm";
-        _this.leftArm.add(leftArmPivot);
-        _this.leftArm.position.y = -4;
-        _this.modelListeners.push(function () {
-            _this.leftArm.position.x = _this.slim ? 5.5 : 6;
-        });
-        _this.add(_this.leftArm);
-        // Right Leg
-        var rightLegBox = new BoxGeometry(4 - esp, 12 - esp, 4 - esp, 0, 0, 0);
-        setVertices(rightLegBox, toSkinVertices(4, 16, 8, 20), toSkinVertices(8, 16, 12, 20), toSkinVertices(0, 20, 4, 32), toSkinVertices(4, 20, 8, 32), toSkinVertices(8, 20, 12, 32), toSkinVertices(12, 20, 16, 32));
-        var rightLegMesh = new Mesh(rightLegBox, layer1Material);
-        var rightLeg2Box = new BoxGeometry(4.5 - esp, 13.5 - esp, 4.5 - esp, 0, 0, 0);
-        setVertices(rightLeg2Box, toSkinVertices(4, 32, 8, 36), toSkinVertices(8, 32, 12, 36), toSkinVertices(0, 36, 4, 48), toSkinVertices(4, 36, 8, 48), toSkinVertices(8, 36, 12, 48), toSkinVertices(12, 36, 16, 48));
-        var rightLeg2Mesh = new Mesh(rightLeg2Box, layer2Material);
-        rightLeg2Mesh.renderOrder = 1;
-        var rightLegPivot = new Group();
-        rightLegPivot.add(rightLegMesh, rightLeg2Mesh);
-        rightLegPivot.position.y = -6;
-        _this.rightLeg = new BodyPart(rightLegMesh, rightLeg2Mesh);
-        _this.rightLeg.name = "rightLeg";
-        _this.rightLeg.add(rightLegPivot);
-        _this.rightLeg.position.y = -16;
-        _this.rightLeg.position.x = -2;
-        _this.add(_this.rightLeg);
-        // Left Leg
-        var leftLegBox = new BoxGeometry(4 - esp, 12 - esp, 4 - esp, 0, 0, 0);
-        setVertices(leftLegBox, toSkinVertices(20, 48, 24, 52), toSkinVertices(24, 48, 28, 52), toSkinVertices(16, 52, 20, 64), toSkinVertices(20, 52, 24, 64), toSkinVertices(24, 52, 28, 64), toSkinVertices(28, 52, 32, 64));
-        var leftLegMesh = new Mesh(leftLegBox, layer1Material);
-        var leftLeg2Box = new BoxGeometry(4.5 - esp, 13.5 - esp, 4.5 - esp, 0, 0, 0);
-        setVertices(leftLeg2Box, toSkinVertices(4, 48, 8, 52), toSkinVertices(8, 48, 12, 52), toSkinVertices(0, 52, 4, 64), toSkinVertices(4, 52, 8, 64), toSkinVertices(8, 52, 12, 64), toSkinVertices(12, 52, 16, 64));
-        var leftLeg2Mesh = new Mesh(leftLeg2Box, layer2Material);
-        leftLeg2Mesh.renderOrder = 1;
-        var leftLegPivot = new Group();
-        leftLegPivot.add(leftLegMesh, leftLeg2Mesh);
-        leftLegPivot.position.y = -6;
-        _this.leftLeg = new BodyPart(leftLegMesh, leftLeg2Mesh);
-        _this.leftLeg.name = "leftLeg";
-        _this.leftLeg.add(leftLegPivot);
-        _this.leftLeg.position.y = -16;
-        _this.leftLeg.position.x = 2;
-        _this.add(_this.leftLeg);
-        _this.slim = false;
-        return _this;
-    }
-    Object.defineProperty(SkinObject.prototype, "slim", {
-        get: function () {
-            return this._slim;
-        },
-        set: function (value) {
-            this._slim = value;
-            this.modelListeners.forEach(function (listener) { return listener(); });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SkinObject.prototype.getBodyParts = function () {
-        return this.children.filter(function (it) { return it instanceof BodyPart; });
-    };
-    SkinObject.prototype.setInnerLayerVisible = function (value) {
-        this.getBodyParts().forEach(function (part) { return part.innerLayer.visible = value; });
-    };
-    SkinObject.prototype.setOuterLayerVisible = function (value) {
-        this.getBodyParts().forEach(function (part) { return part.outerLayer.visible = value; });
-    };
-    return SkinObject;
-}(Group));
-var CapeObject = /** @class */ (function (_super) {
-    __extends(CapeObject, _super);
-    function CapeObject(capeMaterial) {
-        var _this = _super.call(this) || this;
-        // back = outside
-        // front = inside
-        var capeBox = new BoxGeometry(10, 16, 1, 0, 0, 0);
-        setVertices(capeBox, toCapeVertices(1, 0, 11, 1), toCapeVertices(11, 0, 21, 1), toCapeVertices(11, 1, 12, 17), toCapeVertices(12, 1, 22, 17), toCapeVertices(0, 1, 1, 17), toCapeVertices(1, 1, 11, 17));
-        _this.cape = new Mesh(capeBox, capeMaterial);
-        _this.cape.position.y = -8;
-        _this.cape.position.z = -0.5;
-        _this.add(_this.cape);
-        return _this;
-    }
-    return CapeObject;
-}(Group));
-var PlayerObject = /** @class */ (function (_super) {
-    __extends(PlayerObject, _super);
-    function PlayerObject(layer1Material, layer2Material, capeMaterial) {
-        var _this = _super.call(this) || this;
-        _this.skin = new SkinObject(layer1Material, layer2Material);
-        _this.skin.name = "skin";
-        _this.skin.visible = false;
-        _this.add(_this.skin);
-        _this.cape = new CapeObject(capeMaterial);
-        _this.cape.name = "cape";
-        _this.cape.position.z = -2;
-        _this.cape.position.y = -4;
-        _this.cape.rotation.x = 25 * Math.PI / 180;
-        _this.cape.visible = false;
-        _this.add(_this.cape);
-        return _this;
-    }
-    return PlayerObject;
-}(Group));
-
-function invokeAnimation(animation, player, time) {
-    if (animation instanceof Function) {
-        animation(player, time);
-    }
-    else {
-        // must be IAnimation here
-        animation.play(player, time);
-    }
-}
-var AnimationWrapper = /** @class */ (function () {
-    function AnimationWrapper(animation) {
-        this.speed = 1.0;
-        this.paused = false;
-        this.progress = 0;
-        this.lastTime = 0;
-        this.started = false;
-        this.toResetAndRemove = false;
-        this.animation = animation;
-    }
-    AnimationWrapper.prototype.play = function (player, time) {
-        if (this.toResetAndRemove) {
-            invokeAnimation(this.animation, player, 0);
-            this.remove();
-            return;
-        }
-        var delta;
-        if (this.started) {
-            delta = time - this.lastTime;
-        }
-        else {
-            delta = 0;
-            this.started = true;
-        }
-        this.lastTime = time;
-        if (!this.paused) {
-            this.progress += delta * this.speed;
-        }
-        invokeAnimation(this.animation, player, this.progress);
-    };
-    AnimationWrapper.prototype.reset = function () {
-        this.progress = 0;
-    };
-    AnimationWrapper.prototype.remove = function () {
-        // stub get's overriden
-    };
-    AnimationWrapper.prototype.resetAndRemove = function () {
-        this.toResetAndRemove = true;
-    };
-    return AnimationWrapper;
-}());
-var CompositeAnimation = /** @class */ (function () {
-    function CompositeAnimation() {
-        this.handles = new Set();
-    }
-    CompositeAnimation.prototype.add = function (animation) {
-        var _this = this;
-        var handle = new AnimationWrapper(animation);
-        handle.remove = function () {
-            _this.handles.delete(handle);
-        };
-        this.handles.add(handle);
-        return handle;
-    };
-    CompositeAnimation.prototype.play = function (player, time) {
-        this.handles.forEach(function (handle) { return handle.play(player, time); });
-    };
-    return CompositeAnimation;
-}());
-var RootAnimation = /** @class */ (function (_super) {
-    __extends(RootAnimation, _super);
-    function RootAnimation() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.speed = 1.0;
-        _this.progress = 0.0;
-        _this.clock = new Clock(true);
-        return _this;
-    }
-    Object.defineProperty(RootAnimation.prototype, "animation", {
-        get: function () {
-            return this;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RootAnimation.prototype, "paused", {
-        get: function () {
-            return !this.clock.running;
-        },
-        set: function (value) {
-            if (value) {
-                this.clock.stop();
-            }
-            else {
-                this.clock.start();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    RootAnimation.prototype.runAnimationLoop = function (player) {
-        if (this.handles.size === 0) {
-            return;
-        }
-        this.progress += this.clock.getDelta() * this.speed;
-        this.play(player, this.progress);
-    };
-    RootAnimation.prototype.reset = function () {
-        this.progress = 0;
-    };
-    return RootAnimation;
-}(CompositeAnimation));
-var WalkingAnimation = function (player, time) {
-    var skin = player.skin;
-    // Multiply by animation's natural speed
-    time *= 8;
-    // Leg swing
-    skin.leftLeg.rotation.x = Math.sin(time) * 0.5;
-    skin.rightLeg.rotation.x = Math.sin(time + Math.PI) * 0.5;
-    // Arm swing
-    skin.leftArm.rotation.x = Math.sin(time + Math.PI) * 0.5;
-    skin.rightArm.rotation.x = Math.sin(time) * 0.5;
-    var basicArmRotationZ = Math.PI * 0.02;
-    skin.leftArm.rotation.z = Math.cos(time) * 0.03 + basicArmRotationZ;
-    skin.rightArm.rotation.z = Math.cos(time + Math.PI) * 0.03 - basicArmRotationZ;
-    // Head shaking with different frequency & amplitude
-    skin.head.rotation.y = Math.sin(time / 4) * 0.2;
-    skin.head.rotation.x = Math.sin(time / 5) * 0.1;
-    // Always add an angle for cape around the x axis
-    var basicCapeRotationX = Math.PI * 0.06;
-    player.cape.rotation.x = Math.sin(time / 1.5) * 0.06 + basicCapeRotationX;
-};
-var RunningAnimation = function (player, time) {
-    var skin = player.skin;
-    time *= 15;
-    // Leg swing with larger amplitude
-    skin.leftLeg.rotation.x = Math.cos(time + Math.PI) * 1.3;
-    skin.rightLeg.rotation.x = Math.cos(time) * 1.3;
-    // Arm swing
-    skin.leftArm.rotation.x = Math.cos(time) * 1.5;
-    skin.rightArm.rotation.x = Math.cos(time + Math.PI) * 1.5;
-    var basicArmRotationZ = Math.PI * 0.1;
-    skin.leftArm.rotation.z = Math.cos(time) * 0.1 + basicArmRotationZ;
-    skin.rightArm.rotation.z = Math.cos(time + Math.PI) * 0.1 - basicArmRotationZ;
-    // Jumping
-    player.position.y = Math.cos(time * 2);
-    // Dodging when running
-    player.position.x = Math.cos(time) * 0.15;
-    // Slightly tilting when running
-    player.rotation.z = Math.cos(time + Math.PI) * 0.01;
-    // Apply higher swing frequency, lower amplitude,
-    // and greater basic rotation around x axis,
-    // to cape when running.
-    var basicCapeRotationX = Math.PI * 0.3;
-    player.cape.rotation.x = Math.sin(time * 2) * 0.1 + basicCapeRotationX;
-    // What about head shaking?
-    // You shouldn't glance right and left when running dude :P
-};
-var RotatingAnimation = function (player, time) {
-    player.rotation.y = time;
-};
-
-function copyImage(context, sX, sY, w, h, dX, dY, flipHorizontal) {
-    var imgData = context.getImageData(sX, sY, w, h);
-    if (flipHorizontal) {
-        for (var y = 0; y < h; y++) {
-            for (var x = 0; x < (w / 2); x++) {
-                var index = (x + y * w) * 4;
-                var index2 = ((w - x - 1) + y * w) * 4;
-                var pA1 = imgData.data[index];
-                var pA2 = imgData.data[index + 1];
-                var pA3 = imgData.data[index + 2];
-                var pA4 = imgData.data[index + 3];
-                var pB1 = imgData.data[index2];
-                var pB2 = imgData.data[index2 + 1];
-                var pB3 = imgData.data[index2 + 2];
-                var pB4 = imgData.data[index2 + 3];
-                imgData.data[index] = pB1;
-                imgData.data[index + 1] = pB2;
-                imgData.data[index + 2] = pB3;
-                imgData.data[index + 3] = pB4;
-                imgData.data[index2] = pA1;
-                imgData.data[index2 + 1] = pA2;
-                imgData.data[index2 + 2] = pA3;
-                imgData.data[index2 + 3] = pA4;
-            }
-        }
-    }
-    context.putImageData(imgData, dX, dY);
-}
-function hasTransparency(context, x0, y0, w, h) {
-    var imgData = context.getImageData(x0, y0, w, h);
-    for (var x = 0; x < w; x++) {
-        for (var y = 0; y < h; y++) {
-            var offset = (x + y * w) * 4;
-            if (imgData.data[offset + 3] !== 0xff) {
-                return true;
-            }
-        }
-    }
-    return false;
-}
-function computeSkinScale(width) {
-    return width / 64.0;
-}
-function fixOpaqueSkin(context, width) {
-    // Some ancient skins don't have transparent pixels (nor have helm).
-    // We have to make the helm area transparent, otherwise it will be rendered as black.
-    if (!hasTransparency(context, 0, 0, width, width / 2)) {
-        var scale_1 = computeSkinScale(width);
-        var clearArea = function (x, y, w, h) { return context.clearRect(x * scale_1, y * scale_1, w * scale_1, h * scale_1); };
-        clearArea(40, 0, 8, 8); // Helm Top
-        clearArea(48, 0, 8, 8); // Helm Bottom
-        clearArea(32, 8, 8, 8); // Helm Right
-        clearArea(40, 8, 8, 8); // Helm Front
-        clearArea(48, 8, 8, 8); // Helm Left
-        clearArea(56, 8, 8, 8); // Helm Back
-    }
-}
-function convertSkinTo1_8(context, width) {
-    var scale = computeSkinScale(width);
-    var copySkin = function (sX, sY, w, h, dX, dY, flipHorizontal) { return copyImage(context, sX * scale, sY * scale, w * scale, h * scale, dX * scale, dY * scale, flipHorizontal); };
-    fixOpaqueSkin(context, width);
-    copySkin(4, 16, 4, 4, 20, 48, true); // Top Leg
-    copySkin(8, 16, 4, 4, 24, 48, true); // Bottom Leg
-    copySkin(0, 20, 4, 12, 24, 52, true); // Outer Leg
-    copySkin(4, 20, 4, 12, 20, 52, true); // Front Leg
-    copySkin(8, 20, 4, 12, 16, 52, true); // Inner Leg
-    copySkin(12, 20, 4, 12, 28, 52, true); // Back Leg
-    copySkin(44, 16, 4, 4, 36, 48, true); // Top Arm
-    copySkin(48, 16, 4, 4, 40, 48, true); // Bottom Arm
-    copySkin(40, 20, 4, 12, 40, 52, true); // Outer Arm
-    copySkin(44, 20, 4, 12, 36, 52, true); // Front Arm
-    copySkin(48, 20, 4, 12, 32, 52, true); // Inner Arm
-    copySkin(52, 20, 4, 12, 44, 52, true); // Back Arm
-}
-function loadSkinToCanvas(canvas, image) {
-    var isOldFormat = false;
-    if (image.width !== image.height) {
-        if (image.width === 2 * image.height) {
-            isOldFormat = true;
-        }
-        else {
-            throw new Error("Bad skin size: " + image.width + "x" + image.height);
-        }
-    }
-    var context = canvas.getContext("2d");
-    if (isOldFormat) {
-        var sideLength = image.width;
-        canvas.width = sideLength;
-        canvas.height = sideLength;
-        context.clearRect(0, 0, sideLength, sideLength);
-        context.drawImage(image, 0, 0, sideLength, sideLength / 2.0);
-        convertSkinTo1_8(context, sideLength);
-    }
-    else {
-        canvas.width = image.width;
-        canvas.height = image.height;
-        context.clearRect(0, 0, image.width, image.height);
-        context.drawImage(image, 0, 0, canvas.width, canvas.height);
-    }
-}
-function loadCapeToCanvas(canvas, image) {
-    var isOldFormat = false;
-    if (image.width !== 2 * image.height) {
-        if (image.width * 17 === image.height * 22) {
-            // width/height = 22/17
-            isOldFormat = true;
-        }
-        else {
-            throw new Error("Bad cape size: " + image.width + "x" + image.height);
-        }
-    }
-    var context = canvas.getContext("2d");
-    if (isOldFormat) {
-        var width = image.width * 64 / 22;
-        canvas.width = width;
-        canvas.height = width / 2;
-    }
-    else {
-        canvas.width = image.width;
-        canvas.height = image.height;
-    }
-    context.clearRect(0, 0, canvas.width, canvas.height);
-    context.drawImage(image, 0, 0, image.width, image.height);
-}
-function isSlimSkin(canvasOrImage) {
-    // Detects whether the skin is default or slim.
-    //
-    // The right arm area of *default* skins:
-    // (44,16)->*-------*-------*
-    // (40,20)  |top    |bottom |
-    // \|/      |4x4    |4x4    |
-    //  *-------*-------*-------*-------*
-    //  |right  |front  |left   |back   |
-    //  |4x12   |4x12   |4x12   |4x12   |
-    //  *-------*-------*-------*-------*
-    // The right arm area of *slim* skins:
-    // (44,16)->*------*------*-*
-    // (40,20)  |top   |bottom| |<----[x0=50,y0=16,w=2,h=4]
-    // \|/      |3x4   |3x4   | |
-    //  *-------*------*------***-----*-*
-    //  |right  |front |left   |back  | |<----[x0=54,y0=20,w=2,h=12]
-    //  |4x12   |3x12  |4x12   |3x12  | |
-    //  *-------*------*-------*------*-*
-    // Compared with default right arms, slim right arms have 2 unused areas.
-    //
-    // The same is true for left arm:
-    // The left arm area of *default* skins:
-    // (36,48)->*-------*-------*
-    // (32,52)  |top    |bottom |
-    // \|/      |4x4    |4x4    |
-    //  *-------*-------*-------*-------*
-    //  |right  |front  |left   |back   |
-    //  |4x12   |4x12   |4x12   |4x12   |
-    //  *-------*-------*-------*-------*
-    // The left arm area of *slim* skins:
-    // (36,48)->*------*------*-*
-    // (32,52)  |top   |bottom| |<----[x0=42,y0=48,w=2,h=4]
-    // \|/      |3x4   |3x4   | |
-    //  *-------*------*------***-----*-*
-    //  |right  |front |left   |back  | |<----[x0=46,y0=52,w=2,h=12]
-    //  |4x12   |3x12  |4x12   |3x12  | |
-    //  *-------*------*-------*------*-*
-    //
-    // If there is a transparent pixel in any of the 4 unused areas, the skin must be slim,
-    // as transparent pixels are not allowed in the first layer.
-    if (canvasOrImage instanceof HTMLCanvasElement) {
-        var canvas = canvasOrImage;
-        var scale_2 = computeSkinScale(canvas.width);
-        var context_1 = canvas.getContext("2d");
-        var checkArea = function (x, y, w, h) { return hasTransparency(context_1, x * scale_2, y * scale_2, w * scale_2, h * scale_2); };
-        return checkArea(50, 16, 2, 4) ||
-            checkArea(54, 20, 2, 12) ||
-            checkArea(42, 48, 2, 4) ||
-            checkArea(46, 52, 2, 12);
-    }
-    else {
-        var image = canvasOrImage;
-        var canvas = document.createElement("canvas");
-        loadSkinToCanvas(canvas, image);
-        return isSlimSkin(canvas);
-    }
-}
-
-var SkinViewer = /** @class */ (function () {
-    function SkinViewer(options) {
-        var _this = this;
-        this.animations = new RootAnimation();
-        this.detectModel = true;
-        this.disposed = false;
-        this._renderPaused = false;
-        this.domElement = options.domElement;
-        if (options.detectModel === false) {
-            this.detectModel = false;
-        }
-        // texture
-        this.skinImg = new Image();
-        this.skinCanvas = document.createElement("canvas");
-        this.skinTexture = new Texture(this.skinCanvas);
-        this.skinTexture.magFilter = NearestFilter;
-        this.skinTexture.minFilter = NearestFilter;
-        this.capeImg = new Image();
-        this.capeCanvas = document.createElement("canvas");
-        this.capeTexture = new Texture(this.capeCanvas);
-        this.capeTexture.magFilter = NearestFilter;
-        this.capeTexture.minFilter = NearestFilter;
-        this.layer1Material = new MeshBasicMaterial({ map: this.skinTexture, side: FrontSide });
-        this.layer2Material = new MeshBasicMaterial({ map: this.skinTexture, transparent: true, opacity: 1, side: DoubleSide, alphaTest: 0.5 });
-        this.capeMaterial = new MeshBasicMaterial({ map: this.capeTexture, transparent: true, opacity: 1, side: DoubleSide, alphaTest: 0.5 });
-        // scene
-        this.scene = new Scene();
-        // Use smaller fov to avoid distortion
-        this.camera = new PerspectiveCamera(40);
-        this.camera.position.y = -12;
-        this.camera.position.z = 60;
-        this.renderer = new WebGLRenderer({ alpha: true, antialias: false });
-        this.renderer.setSize(300, 300); // default size
-        this.domElement.appendChild(this.renderer.domElement);
-        this.playerObject = new PlayerObject(this.layer1Material, this.layer2Material, this.capeMaterial);
-        this.playerObject.name = "player";
-        this.scene.add(this.playerObject);
-        // texture loading
-        this.skinImg.crossOrigin = "anonymous";
-        this.skinImg.onerror = function () { return console.error("Failed loading " + _this.skinImg.src); };
-        this.skinImg.onload = function () {
-            loadSkinToCanvas(_this.skinCanvas, _this.skinImg);
-            if (_this.detectModel) {
-                _this.playerObject.skin.slim = isSlimSkin(_this.skinCanvas);
-            }
-            _this.skinTexture.needsUpdate = true;
-            _this.layer1Material.needsUpdate = true;
-            _this.layer2Material.needsUpdate = true;
-            _this.playerObject.skin.visible = true;
-        };
-        this.capeImg.crossOrigin = "anonymous";
-        this.capeImg.onerror = function () { return console.error("Failed loading " + _this.capeImg.src); };
-        this.capeImg.onload = function () {
-            loadCapeToCanvas(_this.capeCanvas, _this.capeImg);
-            _this.capeTexture.needsUpdate = true;
-            _this.capeMaterial.needsUpdate = true;
-            _this.playerObject.cape.visible = true;
-        };
-        if (options.skinUrl)
-            this.skinUrl = options.skinUrl;
-        if (options.capeUrl)
-            this.capeUrl = options.capeUrl;
-        if (options.width)
-            this.width = options.width;
-        if (options.height)
-            this.height = options.height;
-        window.requestAnimationFrame(function () { return _this.draw(); });
-    }
-    SkinViewer.prototype.draw = function () {
-        var _this = this;
-        if (this.disposed || this._renderPaused) {
-            return;
-        }
-        this.animations.runAnimationLoop(this.playerObject);
-        this.renderer.render(this.scene, this.camera);
-        window.requestAnimationFrame(function () { return _this.draw(); });
-    };
-    SkinViewer.prototype.setSize = function (width, height) {
-        this.camera.aspect = width / height;
-        this.camera.updateProjectionMatrix();
-        this.renderer.setSize(width, height);
-    };
-    SkinViewer.prototype.dispose = function () {
-        this.disposed = true;
-        this.domElement.removeChild(this.renderer.domElement);
-        this.renderer.dispose();
-        this.skinTexture.dispose();
-        this.capeTexture.dispose();
-    };
-    Object.defineProperty(SkinViewer.prototype, "renderPaused", {
-        get: function () {
-            return this._renderPaused;
-        },
-        set: function (value) {
-            var _this = this;
-            var toResume = !this.disposed && !value && this._renderPaused;
-            this._renderPaused = value;
-            if (toResume) {
-                window.requestAnimationFrame(function () { return _this.draw(); });
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkinViewer.prototype, "skinUrl", {
-        get: function () {
-            return this.skinImg.src;
-        },
-        set: function (url) {
-            this.skinImg.src = url;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkinViewer.prototype, "capeUrl", {
-        get: function () {
-            return this.capeImg.src;
-        },
-        set: function (url) {
-            this.capeImg.src = url;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkinViewer.prototype, "width", {
-        get: function () {
-            var target = new Vector2();
-            return this.renderer.getSize(target).width;
-        },
-        set: function (newWidth) {
-            this.setSize(newWidth, this.height);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkinViewer.prototype, "height", {
-        get: function () {
-            var target = new Vector2();
-            return this.renderer.getSize(target).height;
-        },
-        set: function (newHeight) {
-            this.setSize(this.width, newHeight);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    return SkinViewer;
-}());
-
-var STATE = {
-    NONE: -1,
-    ROTATE: 0,
-    DOLLY: 1,
-    PAN: 2,
-    TOUCH_ROTATE: 3,
-    TOUCH_DOLLY: 4,
-    TOUCH_PAN: 5
-};
-var CHANGE_EVENT = { type: "change" };
-var START_EVENT = { type: "start" };
-var END_EVENT = { type: "end" };
-var EPS = 0.000001;
-var OrbitControls = /** @class */ (function (_super) {
-    __extends(OrbitControls, _super);
-    function OrbitControls(object, domElement, domWindow) {
-        var _this = _super.call(this) || this;
-        _this.object = object;
-        _this.domElement = (domElement !== undefined) ? domElement : document;
-        _this.window = (domWindow !== undefined) ? domWindow : window;
-        // Set to false to disable this control
-        _this.enabled = true;
-        // "target" sets the location of focus, where the object orbits around
-        _this.target = new Vector3();
-        // How far you can dolly in and out ( PerspectiveCamera only )
-        _this.minDistance = 0;
-        _this.maxDistance = Infinity;
-        // How far you can zoom in and out ( OrthographicCamera only )
-        _this.minZoom = 0;
-        _this.maxZoom = Infinity;
-        // How far you can orbit vertically, upper and lower limits.
-        // Range is 0 to Math.PI radians.
-        _this.minPolarAngle = 0; // radians
-        _this.maxPolarAngle = Math.PI; // radians
-        // How far you can orbit horizontally, upper and lower limits.
-        // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ].
-        _this.minAzimuthAngle = -Infinity; // radians
-        _this.maxAzimuthAngle = Infinity; // radians
-        // Set to true to enable damping (inertia)
-        // If damping is enabled, you must call controls.update() in your animation loop
-        _this.enableDamping = false;
-        _this.dampingFactor = 0.25;
-        // This option actually enables dollying in and out; left as "zoom" for backwards compatibility.
-        // Set to false to disable zooming
-        _this.enableZoom = true;
-        _this.zoomSpeed = 1.0;
-        // Set to false to disable rotating
-        _this.enableRotate = true;
-        _this.rotateSpeed = 1.0;
-        // Set to false to disable panning
-        _this.enablePan = true;
-        _this.keyPanSpeed = 7.0; // pixels moved per arrow key push
-        // Set to true to automatically rotate around the target
-        // If auto-rotate is enabled, you must call controls.update() in your animation loop
-        _this.autoRotate = false;
-        _this.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60
-        // Set to false to disable use of the keys
-        _this.enableKeys = true;
-        // The four arrow keys
-        _this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 };
-        // Mouse buttons
-        _this.mouseButtons = { ORBIT: MOUSE.LEFT, ZOOM: MOUSE.MIDDLE, PAN: MOUSE.RIGHT };
-        // for reset
-        _this.target0 = _this.target.clone();
-        _this.position0 = _this.object.position.clone();
-        _this.zoom0 = _this.object.zoom;
-        // for update speedup
-        _this.updateOffset = new Vector3();
-        // so camera.up is the orbit axis
-        _this.updateQuat = new Quaternion().setFromUnitVectors(object.up, new Vector3(0, 1, 0));
-        _this.updateQuatInverse = _this.updateQuat.clone().inverse();
-        _this.updateLastPosition = new Vector3();
-        _this.updateLastQuaternion = new Quaternion();
-        _this.state = STATE.NONE;
-        _this.scale = 1;
-        // current position in spherical coordinates
-        _this.spherical = new Spherical();
-        _this.sphericalDelta = new Spherical();
-        _this.panOffset = new Vector3();
-        _this.zoomChanged = false;
-        _this.rotateStart = new Vector2();
-        _this.rotateEnd = new Vector2();
-        _this.rotateDelta = new Vector2();
-        _this.panStart = new Vector2();
-        _this.panEnd = new Vector2();
-        _this.panDelta = new Vector2();
-        _this.dollyStart = new Vector2();
-        _this.dollyEnd = new Vector2();
-        _this.dollyDelta = new Vector2();
-        _this.panLeftV = new Vector3();
-        _this.panUpV = new Vector3();
-        _this.panInternalOffset = new Vector3();
-        // event handlers - FSM: listen for events and reset state
-        _this.onMouseDown = function (event) {
-            if (_this.enabled === false)
-                return;
-            event.preventDefault();
-            if (event.button === _this.mouseButtons.ORBIT) {
-                if (_this.enableRotate === false)
-                    return;
-                _this.rotateStart.set(event.clientX, event.clientY);
-                _this.state = STATE.ROTATE;
-            }
-            else if (event.button === _this.mouseButtons.ZOOM) {
-                if (_this.enableZoom === false)
-                    return;
-                _this.dollyStart.set(event.clientX, event.clientY);
-                _this.state = STATE.DOLLY;
-            }
-            else if (event.button === _this.mouseButtons.PAN) {
-                if (_this.enablePan === false)
-                    return;
-                _this.panStart.set(event.clientX, event.clientY);
-                _this.state = STATE.PAN;
-            }
-            if (_this.state !== STATE.NONE) {
-                document.addEventListener("mousemove", _this.onMouseMove, false);
-                document.addEventListener("mouseup", _this.onMouseUp, false);
-                _this.dispatchEvent(START_EVENT);
-            }
-        };
-        _this.onMouseMove = function (event) {
-            if (_this.enabled === false)
-                return;
-            event.preventDefault();
-            if (_this.state === STATE.ROTATE) {
-                if (_this.enableRotate === false)
-                    return;
-                _this.rotateEnd.set(event.clientX, event.clientY);
-                _this.rotateDelta.subVectors(_this.rotateEnd, _this.rotateStart);
-                var element = _this.domElement === document ? _this.domElement.body : _this.domElement;
-                // rotating across whole screen goes 360 degrees around
-                _this.rotateLeft(2 * Math.PI * _this.rotateDelta.x / element.clientWidth * _this.rotateSpeed);
-                // rotating up and down along whole screen attempts to go 360, but limited to 180
-                _this.rotateUp(2 * Math.PI * _this.rotateDelta.y / element.clientHeight * _this.rotateSpeed);
-                _this.rotateStart.copy(_this.rotateEnd);
-                _this.update();
-            }
-            else if (_this.state === STATE.DOLLY) {
-                if (_this.enableZoom === false)
-                    return;
-                _this.dollyEnd.set(event.clientX, event.clientY);
-                _this.dollyDelta.subVectors(_this.dollyEnd, _this.dollyStart);
-                if (_this.dollyDelta.y > 0) {
-                    _this.dollyIn(_this.getZoomScale());
-                }
-                else if (_this.dollyDelta.y < 0) {
-                    _this.dollyOut(_this.getZoomScale());
-                }
-                _this.dollyStart.copy(_this.dollyEnd);
-                _this.update();
-            }
-            else if (_this.state === STATE.PAN) {
-                if (_this.enablePan === false)
-                    return;
-                _this.panEnd.set(event.clientX, event.clientY);
-                _this.panDelta.subVectors(_this.panEnd, _this.panStart);
-                _this.pan(_this.panDelta.x, _this.panDelta.y);
-                _this.panStart.copy(_this.panEnd);
-                _this.update();
-            }
-        };
-        _this.onMouseUp = function (event) {
-            if (_this.enabled === false)
-                return;
-            document.removeEventListener("mousemove", _this.onMouseMove, false);
-            document.removeEventListener("mouseup", _this.onMouseUp, false);
-            _this.dispatchEvent(END_EVENT);
-            _this.state = STATE.NONE;
-        };
-        _this.onMouseWheel = function (event) {
-            if (_this.enabled === false || _this.enableZoom === false || (_this.state !== STATE.NONE && _this.state !== STATE.ROTATE))
-                return;
-            event.preventDefault();
-            event.stopPropagation();
-            if (event.deltaY < 0) {
-                _this.dollyOut(_this.getZoomScale());
-            }
-            else if (event.deltaY > 0) {
-                _this.dollyIn(_this.getZoomScale());
-            }
-            _this.update();
-            _this.dispatchEvent(START_EVENT); // not sure why these are here...
-            _this.dispatchEvent(END_EVENT);
-        };
-        _this.onKeyDown = function (event) {
-            if (_this.enabled === false || _this.enableKeys === false || _this.enablePan === false)
-                return;
-            switch (event.keyCode) {
-                case _this.keys.UP: {
-                    _this.pan(0, _this.keyPanSpeed);
-                    _this.update();
-                    break;
-                }
-                case _this.keys.BOTTOM: {
-                    _this.pan(0, -_this.keyPanSpeed);
-                    _this.update();
-                    break;
-                }
-                case _this.keys.LEFT: {
-                    _this.pan(_this.keyPanSpeed, 0);
-                    _this.update();
-                    break;
-                }
-                case _this.keys.RIGHT: {
-                    _this.pan(-_this.keyPanSpeed, 0);
-                    _this.update();
-                    break;
-                }
-            }
-        };
-        _this.onTouchStart = function (event) {
-            if (_this.enabled === false)
-                return;
-            switch (event.touches.length) {
-                // one-fingered touch: rotate
-                case 1: {
-                    if (_this.enableRotate === false)
-                        return;
-                    _this.rotateStart.set(event.touches[0].pageX, event.touches[0].pageY);
-                    _this.state = STATE.TOUCH_ROTATE;
-                    break;
-                }
-                // two-fingered touch: dolly
-                case 2: {
-                    if (_this.enableZoom === false)
-                        return;
-                    var dx = event.touches[0].pageX - event.touches[1].pageX;
-                    var dy = event.touches[0].pageY - event.touches[1].pageY;
-                    var distance = Math.sqrt(dx * dx + dy * dy);
-                    _this.dollyStart.set(0, distance);
-                    _this.state = STATE.TOUCH_DOLLY;
-                    break;
-                }
-                // three-fingered touch: pan
-                case 3: {
-                    if (_this.enablePan === false)
-                        return;
-                    _this.panStart.set(event.touches[0].pageX, event.touches[0].pageY);
-                    _this.state = STATE.TOUCH_PAN;
-                    break;
-                }
-                default: {
-                    _this.state = STATE.NONE;
-                }
-            }
-            if (_this.state !== STATE.NONE) {
-                _this.dispatchEvent(START_EVENT);
-            }
-        };
-        _this.onTouchMove = function (event) {
-            if (_this.enabled === false)
-                return;
-            event.preventDefault();
-            event.stopPropagation();
-            switch (event.touches.length) {
-                // one-fingered touch: rotate
-                case 1: {
-                    if (_this.enableRotate === false)
-                        return;
-                    if (_this.state !== STATE.TOUCH_ROTATE)
-                        return; // is this needed?...
-                    _this.rotateEnd.set(event.touches[0].pageX, event.touches[0].pageY);
-                    _this.rotateDelta.subVectors(_this.rotateEnd, _this.rotateStart);
-                    var element = _this.domElement === document ? _this.domElement.body : _this.domElement;
-                    // rotating across whole screen goes 360 degrees around
-                    _this.rotateLeft(2 * Math.PI * _this.rotateDelta.x / element.clientWidth * _this.rotateSpeed);
-                    // rotating up and down along whole screen attempts to go 360, but limited to 180
-                    _this.rotateUp(2 * Math.PI * _this.rotateDelta.y / element.clientHeight * _this.rotateSpeed);
-                    _this.rotateStart.copy(_this.rotateEnd);
-                    _this.update();
-                    break;
-                }
-                // two-fingered touch: dolly
-                case 2: {
-                    if (_this.enableZoom === false)
-                        return;
-                    if (_this.state !== STATE.TOUCH_DOLLY)
-                        return; // is this needed?...
-                    // console.log( "handleTouchMoveDolly" );
-                    var dx = event.touches[0].pageX - event.touches[1].pageX;
-                    var dy = event.touches[0].pageY - event.touches[1].pageY;
-                    var distance = Math.sqrt(dx * dx + dy * dy);
-                    _this.dollyEnd.set(0, distance);
-                    _this.dollyDelta.subVectors(_this.dollyEnd, _this.dollyStart);
-                    if (_this.dollyDelta.y > 0) {
-                        _this.dollyOut(_this.getZoomScale());
-                    }
-                    else if (_this.dollyDelta.y < 0) {
-                        _this.dollyIn(_this.getZoomScale());
-                    }
-                    _this.dollyStart.copy(_this.dollyEnd);
-                    _this.update();
-                    break;
-                }
-                // three-fingered touch: pan
-                case 3: {
-                    if (_this.enablePan === false)
-                        return;
-                    if (_this.state !== STATE.TOUCH_PAN)
-                        return; // is this needed?...
-                    _this.panEnd.set(event.touches[0].pageX, event.touches[0].pageY);
-                    _this.panDelta.subVectors(_this.panEnd, _this.panStart);
-                    _this.pan(_this.panDelta.x, _this.panDelta.y);
-                    _this.panStart.copy(_this.panEnd);
-                    _this.update();
-                    break;
-                }
-                default: {
-                    _this.state = STATE.NONE;
-                }
-            }
-        };
-        _this.onTouchEnd = function (event) {
-            if (_this.enabled === false)
-                return;
-            _this.dispatchEvent(END_EVENT);
-            _this.state = STATE.NONE;
-        };
-        _this.onContextMenu = function (event) {
-            event.preventDefault();
-        };
-        _this.domElement.addEventListener("contextmenu", _this.onContextMenu, false);
-        _this.domElement.addEventListener("mousedown", _this.onMouseDown, false);
-        _this.domElement.addEventListener("wheel", _this.onMouseWheel, false);
-        _this.domElement.addEventListener("touchstart", _this.onTouchStart, false);
-        _this.domElement.addEventListener("touchend", _this.onTouchEnd, false);
-        _this.domElement.addEventListener("touchmove", _this.onTouchMove, false);
-        _this.window.addEventListener("keydown", _this.onKeyDown, false);
-        // force an update at start
-        _this.update();
-        return _this;
-    }
-    OrbitControls.prototype.update = function () {
-        var position = this.object.position;
-        this.updateOffset.copy(position).sub(this.target);
-        // rotate offset to "y-axis-is-up" space
-        this.updateOffset.applyQuaternion(this.updateQuat);
-        // angle from z-axis around y-axis
-        this.spherical.setFromVector3(this.updateOffset);
-        if (this.autoRotate && this.state === STATE.NONE) {
-            this.rotateLeft(this.getAutoRotationAngle());
-        }
-        this.spherical.theta += this.sphericalDelta.theta;
-        this.spherical.phi += this.sphericalDelta.phi;
-        // restrict theta to be between desired limits
-        this.spherical.theta = Math.max(this.minAzimuthAngle, Math.min(this.maxAzimuthAngle, this.spherical.theta));
-        // restrict phi to be between desired limits
-        this.spherical.phi = Math.max(this.minPolarAngle, Math.min(this.maxPolarAngle, this.spherical.phi));
-        this.spherical.makeSafe();
-        this.spherical.radius *= this.scale;
-        // restrict radius to be between desired limits
-        this.spherical.radius = Math.max(this.minDistance, Math.min(this.maxDistance, this.spherical.radius));
-        // move target to panned location
-        this.target.add(this.panOffset);
-        this.updateOffset.setFromSpherical(this.spherical);
-        // rotate offset back to "camera-up-vector-is-up" space
-        this.updateOffset.applyQuaternion(this.updateQuatInverse);
-        position.copy(this.target).add(this.updateOffset);
-        this.object.lookAt(this.target);
-        if (this.enableDamping === true) {
-            this.sphericalDelta.theta *= (1 - this.dampingFactor);
-            this.sphericalDelta.phi *= (1 - this.dampingFactor);
-        }
-        else {
-            this.sphericalDelta.set(0, 0, 0);
-        }
-        this.scale = 1;
-        this.panOffset.set(0, 0, 0);
-        // update condition is:
-        // min(camera displacement, camera rotation in radians)^2 > EPS
-        // using small-angle approximation cos(x/2) = 1 - x^2 / 8
-        if (this.zoomChanged ||
-            this.updateLastPosition.distanceToSquared(this.object.position) > EPS ||
-            8 * (1 - this.updateLastQuaternion.dot(this.object.quaternion)) > EPS) {
-            this.dispatchEvent(CHANGE_EVENT);
-            this.updateLastPosition.copy(this.object.position);
-            this.updateLastQuaternion.copy(this.object.quaternion);
-            this.zoomChanged = false;
-            return true;
-        }
-        return false;
-    };
-    OrbitControls.prototype.panLeft = function (distance, objectMatrix) {
-        this.panLeftV.setFromMatrixColumn(objectMatrix, 0); // get X column of objectMatrix
-        this.panLeftV.multiplyScalar(-distance);
-        this.panOffset.add(this.panLeftV);
-    };
-    OrbitControls.prototype.panUp = function (distance, objectMatrix) {
-        this.panUpV.setFromMatrixColumn(objectMatrix, 1); // get Y column of objectMatrix
-        this.panUpV.multiplyScalar(distance);
-        this.panOffset.add(this.panUpV);
-    };
-    // deltaX and deltaY are in pixels; right and down are positive
-    OrbitControls.prototype.pan = function (deltaX, deltaY) {
-        var element = this.domElement === document ? this.domElement.body : this.domElement;
-        if (this.object instanceof PerspectiveCamera) {
-            // perspective
-            var position = this.object.position;
-            this.panInternalOffset.copy(position).sub(this.target);
-            var targetDistance = this.panInternalOffset.length();
-            // half of the fov is center to top of screen
-            targetDistance *= Math.tan((this.object.fov / 2) * Math.PI / 180.0);
-            // we actually don"t use screenWidth, since perspective camera is fixed to screen height
-            this.panLeft(2 * deltaX * targetDistance / element.clientHeight, this.object.matrix);
-            this.panUp(2 * deltaY * targetDistance / element.clientHeight, this.object.matrix);
-        }
-        else if (this.object instanceof OrthographicCamera) {
-            // orthographic
-            this.panLeft(deltaX * (this.object.right - this.object.left) / this.object.zoom / element.clientWidth, this.object.matrix);
-            this.panUp(deltaY * (this.object.top - this.object.bottom) / this.object.zoom / element.clientHeight, this.object.matrix);
-        }
-        else {
-            // camera neither orthographic nor perspective
-            console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.");
-            this.enablePan = false;
-        }
-    };
-    OrbitControls.prototype.dollyIn = function (dollyScale) {
-        if (this.object instanceof PerspectiveCamera) {
-            this.scale /= dollyScale;
-        }
-        else if (this.object instanceof OrthographicCamera) {
-            this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom * dollyScale));
-            this.object.updateProjectionMatrix();
-            this.zoomChanged = true;
-        }
-        else {
-            console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.");
-            this.enableZoom = false;
-        }
-    };
-    OrbitControls.prototype.dollyOut = function (dollyScale) {
-        if (this.object instanceof PerspectiveCamera) {
-            this.scale *= dollyScale;
-        }
-        else if (this.object instanceof OrthographicCamera) {
-            this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / dollyScale));
-            this.object.updateProjectionMatrix();
-            this.zoomChanged = true;
-        }
-        else {
-            console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.");
-            this.enableZoom = false;
-        }
-    };
-    OrbitControls.prototype.getAutoRotationAngle = function () {
-        return 2 * Math.PI / 60 / 60 * this.autoRotateSpeed;
-    };
-    OrbitControls.prototype.getZoomScale = function () {
-        return Math.pow(0.95, this.zoomSpeed);
-    };
-    OrbitControls.prototype.rotateLeft = function (angle) {
-        this.sphericalDelta.theta -= angle;
-    };
-    OrbitControls.prototype.rotateUp = function (angle) {
-        this.sphericalDelta.phi -= angle;
-    };
-    OrbitControls.prototype.getPolarAngle = function () {
-        return this.spherical.phi;
-    };
-    OrbitControls.prototype.getAzimuthalAngle = function () {
-        return this.spherical.theta;
-    };
-    OrbitControls.prototype.dispose = function () {
-        this.domElement.removeEventListener("contextmenu", this.onContextMenu, false);
-        this.domElement.removeEventListener("mousedown", this.onMouseDown, false);
-        this.domElement.removeEventListener("wheel", this.onMouseWheel, false);
-        this.domElement.removeEventListener("touchstart", this.onTouchStart, false);
-        this.domElement.removeEventListener("touchend", this.onTouchEnd, false);
-        this.domElement.removeEventListener("touchmove", this.onTouchMove, false);
-        document.removeEventListener("mousemove", this.onMouseMove, false);
-        document.removeEventListener("mouseup", this.onMouseUp, false);
-        this.window.removeEventListener("keydown", this.onKeyDown, false);
-        // this.dispatchEvent( { type: "dispose" } ); // should this be added here?
-    };
-    OrbitControls.prototype.reset = function () {
-        this.target.copy(this.target0);
-        this.object.position.copy(this.position0);
-        this.object.zoom = this.zoom0;
-        this.object.updateProjectionMatrix();
-        this.dispatchEvent(CHANGE_EVENT);
-        this.update();
-        this.state = STATE.NONE;
-    };
-    return OrbitControls;
-}(EventDispatcher));
-function createOrbitControls(skinViewer) {
-    var control = new OrbitControls(skinViewer.camera, skinViewer.renderer.domElement);
-    // default configuration
-    control.enablePan = false;
-    control.target = new Vector3(0, -12, 0);
-    control.minDistance = 10;
-    control.maxDistance = 256;
-    control.update();
-    return control;
-}
-
-export { BodyPart, CapeObject, CompositeAnimation, OrbitControls, PlayerObject, RootAnimation, RotatingAnimation, RunningAnimation, SkinObject, SkinViewer, WalkingAnimation, createOrbitControls, invokeAnimation, isSlimSkin };
diff --git a/js/dist/utils.d.ts b/js/dist/utils.d.ts
deleted file mode 100644
index fddaf88..0000000
--- a/js/dist/utils.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export declare function loadSkinToCanvas(canvas: HTMLCanvasElement, image: HTMLImageElement): void;
-export declare function loadCapeToCanvas(canvas: HTMLCanvasElement, image: HTMLImageElement): void;
-export declare function isSlimSkin(canvasOrImage: HTMLCanvasElement | HTMLImageElement): boolean;
diff --git a/js/dist/viewer.d.ts b/js/dist/viewer.d.ts
deleted file mode 100644
index 26572f1..0000000
--- a/js/dist/viewer.d.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { MeshBasicMaterial, PerspectiveCamera, Scene, Texture, WebGLRenderer } from "three";
-import { RootAnimation } from "./animation";
-import { PlayerObject } from "./model";
-export interface SkinViewerOptions {
-    domElement: Node;
-    animation?: Animation;
-    skinUrl?: string;
-    capeUrl?: string;
-    width?: number;
-    height?: number;
-    detectModel?: boolean;
-}
-export declare class SkinViewer {
-    readonly domElement: Node;
-    readonly animations: RootAnimation;
-    detectModel: boolean;
-    disposed: boolean;
-    readonly skinImg: HTMLImageElement;
-    readonly skinCanvas: HTMLCanvasElement;
-    readonly skinTexture: Texture;
-    readonly capeImg: HTMLImageElement;
-    readonly capeCanvas: HTMLCanvasElement;
-    readonly capeTexture: Texture;
-    readonly layer1Material: MeshBasicMaterial;
-    readonly layer2Material: MeshBasicMaterial;
-    readonly capeMaterial: MeshBasicMaterial;
-    readonly scene: Scene;
-    readonly camera: PerspectiveCamera;
-    readonly renderer: WebGLRenderer;
-    readonly playerObject: PlayerObject;
-    private _renderPaused;
-    constructor(options: SkinViewerOptions);
-    private draw;
-    setSize(width: number, height: number): void;
-    dispose(): void;
-    get renderPaused(): boolean;
-    set renderPaused(value: boolean);
-    get skinUrl(): string;
-    set skinUrl(url: string);
-    get capeUrl(): string;
-    set capeUrl(url: string);
-    get width(): number;
-    set width(newWidth: number);
-    get height(): number;
-    set height(newHeight: number);
-}
diff --git a/update-codebase.sh b/update-codebase.sh
index 21c2eab..25c416c 100755
--- a/update-codebase.sh
+++ b/update-codebase.sh
@@ -15,7 +15,7 @@ if [ -f "$revision_file" ];then
 fi
 
 original_dir=$(pwd)
-master_revision=$(git show-ref --hash -- refs/heads/master)
+master_revision=$(git show-ref --hash -- refs/remotes/origin/master)
 
 echo "> Checking out $master_revision"
 echo "> Commit summary:"