three-stdlib 2.22.7 → 2.22.8

package/dist/misc/MD2Character.mjs

@@ -0,0 +1,165 @@
+import { Object3D, Box3, AnimationMixer, TextureLoader, UVMapping, MeshLambertMaterial, Mesh } from "three";
+import { MD2Loader } from "../loaders/MD2Loader.mjs";
+var MD2Character = function() {
+  var scope = this;
+  this.scale = 1;
+  this.animationFPS = 6;
+  this.root = new Object3D();
+  this.meshBody = null;
+  this.meshWeapon = null;
+  this.skinsBody = [];
+  this.skinsWeapon = [];
+  this.weapons = [];
+  this.activeAnimation = null;
+  this.mixer = null;
+  this.onLoadComplete = function() {
+  };
+  this.loadCounter = 0;
+  this.loadParts = function(config) {
+    this.loadCounter = config.weapons.length * 2 + config.skins.length + 1;
+    var weaponsTextures = [];
+    for (let i = 0; i < config.weapons.length; i++)
+      weaponsTextures[i] = config.weapons[i][1];
+    this.skinsBody = loadTextures(config.baseUrl + "skins/", config.skins);
+    this.skinsWeapon = loadTextures(config.baseUrl + "skins/", weaponsTextures);
+    var loader = new MD2Loader();
+    loader.load(config.baseUrl + config.body, function(geo) {
+      var boundingBox = new Box3();
+      boundingBox.setFromBufferAttribute(geo.attributes.position);
+      scope.root.position.y = -scope.scale * boundingBox.min.y;
+      var mesh = createPart(geo, scope.skinsBody[0]);
+      mesh.scale.set(scope.scale, scope.scale, scope.scale);
+      scope.root.add(mesh);
+      scope.meshBody = mesh;
+      scope.meshBody.clipOffset = 0;
+      scope.activeAnimationClipName = mesh.geometry.animations[0].name;
+      scope.mixer = new AnimationMixer(mesh);
+      checkLoadingComplete();
+    });
+    var generateCallback = function(index, name) {
+      return function(geo) {
+        var mesh = createPart(geo, scope.skinsWeapon[index]);
+        mesh.scale.set(scope.scale, scope.scale, scope.scale);
+        mesh.visible = false;
+        mesh.name = name;
+        scope.root.add(mesh);
+        scope.weapons[index] = mesh;
+        scope.meshWeapon = mesh;
+        checkLoadingComplete();
+      };
+    };
+    for (let i = 0; i < config.weapons.length; i++) {
+      loader.load(config.baseUrl + config.weapons[i][0], generateCallback(i, config.weapons[i][0]));
+    }
+  };
+  this.setPlaybackRate = function(rate) {
+    if (rate !== 0) {
+      this.mixer.timeScale = 1 / rate;
+    } else {
+      this.mixer.timeScale = 0;
+    }
+  };
+  this.setWireframe = function(wireframeEnabled) {
+    if (wireframeEnabled) {
+      if (this.meshBody)
+        this.meshBody.material = this.meshBody.materialWireframe;
+      if (this.meshWeapon)
+        this.meshWeapon.material = this.meshWeapon.materialWireframe;
+    } else {
+      if (this.meshBody)
+        this.meshBody.material = this.meshBody.materialTexture;
+      if (this.meshWeapon)
+        this.meshWeapon.material = this.meshWeapon.materialTexture;
+    }
+  };
+  this.setSkin = function(index) {
+    if (this.meshBody && this.meshBody.material.wireframe === false) {
+      this.meshBody.material.map = this.skinsBody[index];
+    }
+  };
+  this.setWeapon = function(index) {
+    for (let i = 0; i < this.weapons.length; i++)
+      this.weapons[i].visible = false;
+    var activeWeapon = this.weapons[index];
+    if (activeWeapon) {
+      activeWeapon.visible = true;
+      this.meshWeapon = activeWeapon;
+      scope.syncWeaponAnimation();
+    }
+  };
+  this.setAnimation = function(clipName) {
+    if (this.meshBody) {
+      if (this.meshBody.activeAction) {
+        this.meshBody.activeAction.stop();
+        this.meshBody.activeAction = null;
+      }
+      var action = this.mixer.clipAction(clipName, this.meshBody);
+      if (action) {
+        this.meshBody.activeAction = action.play();
+      }
+    }
+    scope.activeClipName = clipName;
+    scope.syncWeaponAnimation();
+  };
+  this.syncWeaponAnimation = function() {
+    var clipName = scope.activeClipName;
+    if (scope.meshWeapon) {
+      if (this.meshWeapon.activeAction) {
+        this.meshWeapon.activeAction.stop();
+        this.meshWeapon.activeAction = null;
+      }
+      var action = this.mixer.clipAction(clipName, this.meshWeapon);
+      if (action) {
+        this.meshWeapon.activeAction = action.syncWith(this.meshBody.activeAction).play();
+      }
+    }
+  };
+  this.update = function(delta) {
+    if (this.mixer)
+      this.mixer.update(delta);
+  };
+  function loadTextures(baseUrl, textureUrls) {
+    var textureLoader = new TextureLoader();
+    var textures = [];
+    for (let i = 0; i < textureUrls.length; i++) {
+      textures[i] = textureLoader.load(baseUrl + textureUrls[i], checkLoadingComplete);
+      textures[i].mapping = UVMapping;
+      textures[i].name = textureUrls[i];
+      if ("colorSpace" in textures[i])
+        textures[i].colorSpace = "srgb";
+      else
+        textures[i].encoding = 3001;
+    }
+    return textures;
+  }
+  function createPart(geometry, skinMap) {
+    var materialWireframe = new MeshLambertMaterial({
+      color: 16755200,
+      wireframe: true,
+      morphTargets: true,
+      morphNormals: true
+    });
+    var materialTexture = new MeshLambertMaterial({
+      color: 16777215,
+      wireframe: false,
+      map: skinMap,
+      morphTargets: true,
+      morphNormals: true
+    });
+    var mesh = new Mesh(geometry, materialTexture);
+    mesh.rotation.y = -Math.PI / 2;
+    mesh.castShadow = true;
+    mesh.receiveShadow = true;
+    mesh.materialTexture = materialTexture;
+    mesh.materialWireframe = materialWireframe;
+    return mesh;
+  }
+  function checkLoadingComplete() {
+    scope.loadCounter -= 1;
+    if (scope.loadCounter === 0)
+      scope.onLoadComplete();
+  }
+};
+export {
+  MD2Character
+};

package/dist/misc/MD2CharacterComplex.d.ts

@@ -0,0 +1,47 @@
+import { Object3D, Mesh, Texture } from 'three'
+
+export class MD2CharacterComplex {
+  constructor()
+  scale: number
+  animationFPS: number
+  transitionFrames: number
+  maxSpeed: number
+  maxReverseSpeed: number
+  frontAcceleration: number
+  backAcceleration: number
+  frontDecceleration: number
+  angularSpeed: number
+  root: Object3D
+  meshBody: Mesh | null
+  meshWeapon: Mesh | null
+  controls: null
+  skinsBody: Texture[]
+  skinsWeapon: Texture[]
+  weapons: Mesh[]
+  currentSkin: number
+  onLoadComplete: () => void
+
+  meshes: Mesh[]
+  animations: object[]
+  loadCounter: number
+  speed: number
+  bodyOrientation: number
+  walkSpeed: number
+  crouchSpeed: number
+  activeAnimation: string
+  oldAnimation: string
+
+  enableShadows(enable: boolean): void
+  setVisible(enable: boolean): void
+  shareParts(original: MD2CharacterComplex): void
+  loadParts(config: object): void
+  setPlaybackRate(rate: number): void
+  setWireframe(wireframeEnabled: boolean): void
+  setSkin(index: number): void
+  setWeapon(index: number): void
+  setAnimation(animationName: string): void
+  update(delta: number): void
+  updateAnimations(delta: number): void
+  updateBehaviors(): void
+  updateMovementModel(delta: number): void
+}

package/dist/misc/MD2CharacterComplex.js

@@ -0,0 +1,331 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const THREE = require("three");
+const MD2Loader = require("../loaders/MD2Loader.js");
+const MorphBlendMesh = require("./MorphBlendMesh.js");
+var MD2CharacterComplex = function() {
+  var scope = this;
+  this.scale = 1;
+  this.animationFPS = 6;
+  this.transitionFrames = 15;
+  this.maxSpeed = 275;
+  this.maxReverseSpeed = -275;
+  this.frontAcceleration = 600;
+  this.backAcceleration = 600;
+  this.frontDecceleration = 600;
+  this.angularSpeed = 2.5;
+  this.root = new THREE.Object3D();
+  this.meshBody = null;
+  this.meshWeapon = null;
+  this.controls = null;
+  this.skinsBody = [];
+  this.skinsWeapon = [];
+  this.weapons = [];
+  this.currentSkin = void 0;
+  this.onLoadComplete = function() {
+  };
+  this.meshes = [];
+  this.animations = {};
+  this.loadCounter = 0;
+  this.speed = 0;
+  this.bodyOrientation = 0;
+  this.walkSpeed = this.maxSpeed;
+  this.crouchSpeed = this.maxSpeed * 0.5;
+  this.activeAnimation = null;
+  this.oldAnimation = null;
+  this.enableShadows = function(enable) {
+    for (let i = 0; i < this.meshes.length; i++) {
+      this.meshes[i].castShadow = enable;
+      this.meshes[i].receiveShadow = enable;
+    }
+  };
+  this.setVisible = function(enable) {
+    for (let i = 0; i < this.meshes.length; i++) {
+      this.meshes[i].visible = enable;
+      this.meshes[i].visible = enable;
+    }
+  };
+  this.shareParts = function(original) {
+    this.animations = original.animations;
+    this.walkSpeed = original.walkSpeed;
+    this.crouchSpeed = original.crouchSpeed;
+    this.skinsBody = original.skinsBody;
+    this.skinsWeapon = original.skinsWeapon;
+    var mesh = createPart(original.meshBody.geometry, this.skinsBody[0]);
+    mesh.scale.set(this.scale, this.scale, this.scale);
+    this.root.position.y = original.root.position.y;
+    this.root.add(mesh);
+    this.meshBody = mesh;
+    this.meshes.push(mesh);
+    for (let i = 0; i < original.weapons.length; i++) {
+      var meshWeapon = createPart(original.weapons[i].geometry, this.skinsWeapon[i]);
+      meshWeapon.scale.set(this.scale, this.scale, this.scale);
+      meshWeapon.visible = false;
+      meshWeapon.name = original.weapons[i].name;
+      this.root.add(meshWeapon);
+      this.weapons[i] = meshWeapon;
+      this.meshWeapon = meshWeapon;
+      this.meshes.push(meshWeapon);
+    }
+  };
+  this.loadParts = function(config) {
+    this.animations = config.animations;
+    this.walkSpeed = config.walkSpeed;
+    this.crouchSpeed = config.crouchSpeed;
+    this.loadCounter = config.weapons.length * 2 + config.skins.length + 1;
+    var weaponsTextures = [];
+    for (let i = 0; i < config.weapons.length; i++)
+      weaponsTextures[i] = config.weapons[i][1];
+    this.skinsBody = loadTextures(config.baseUrl + "skins/", config.skins);
+    this.skinsWeapon = loadTextures(config.baseUrl + "skins/", weaponsTextures);
+    var loader = new MD2Loader.MD2Loader();
+    loader.load(config.baseUrl + config.body, function(geo) {
+      var boundingBox = new THREE.Box3();
+      boundingBox.setFromBufferAttribute(geo.attributes.position);
+      scope.root.position.y = -scope.scale * boundingBox.min.y;
+      var mesh = createPart(geo, scope.skinsBody[0]);
+      mesh.scale.set(scope.scale, scope.scale, scope.scale);
+      scope.root.add(mesh);
+      scope.meshBody = mesh;
+      scope.meshes.push(mesh);
+      checkLoadingComplete();
+    });
+    var generateCallback = function(index, name) {
+      return function(geo) {
+        var mesh = createPart(geo, scope.skinsWeapon[index]);
+        mesh.scale.set(scope.scale, scope.scale, scope.scale);
+        mesh.visible = false;
+        mesh.name = name;
+        scope.root.add(mesh);
+        scope.weapons[index] = mesh;
+        scope.meshWeapon = mesh;
+        scope.meshes.push(mesh);
+        checkLoadingComplete();
+      };
+    };
+    for (let i = 0; i < config.weapons.length; i++) {
+      loader.load(config.baseUrl + config.weapons[i][0], generateCallback(i, config.weapons[i][0]));
+    }
+  };
+  this.setPlaybackRate = function(rate) {
+    if (this.meshBody)
+      this.meshBody.duration = this.meshBody.baseDuration / rate;
+    if (this.meshWeapon)
+      this.meshWeapon.duration = this.meshWeapon.baseDuration / rate;
+  };
+  this.setWireframe = function(wireframeEnabled) {
+    if (wireframeEnabled) {
+      if (this.meshBody)
+        this.meshBody.material = this.meshBody.materialWireframe;
+      if (this.meshWeapon)
+        this.meshWeapon.material = this.meshWeapon.materialWireframe;
+    } else {
+      if (this.meshBody)
+        this.meshBody.material = this.meshBody.materialTexture;
+      if (this.meshWeapon)
+        this.meshWeapon.material = this.meshWeapon.materialTexture;
+    }
+  };
+  this.setSkin = function(index) {
+    if (this.meshBody && this.meshBody.material.wireframe === false) {
+      this.meshBody.material.map = this.skinsBody[index];
+      this.currentSkin = index;
+    }
+  };
+  this.setWeapon = function(index) {
+    for (let i = 0; i < this.weapons.length; i++)
+      this.weapons[i].visible = false;
+    var activeWeapon = this.weapons[index];
+    if (activeWeapon) {
+      activeWeapon.visible = true;
+      this.meshWeapon = activeWeapon;
+      if (this.activeAnimation) {
+        activeWeapon.playAnimation(this.activeAnimation);
+        this.meshWeapon.setAnimationTime(this.activeAnimation, this.meshBody.getAnimationTime(this.activeAnimation));
+      }
+    }
+  };
+  this.setAnimation = function(animationName) {
+    if (animationName === this.activeAnimation || !animationName)
+      return;
+    if (this.meshBody) {
+      this.meshBody.setAnimationWeight(animationName, 0);
+      this.meshBody.playAnimation(animationName);
+      this.oldAnimation = this.activeAnimation;
+      this.activeAnimation = animationName;
+      this.blendCounter = this.transitionFrames;
+    }
+    if (this.meshWeapon) {
+      this.meshWeapon.setAnimationWeight(animationName, 0);
+      this.meshWeapon.playAnimation(animationName);
+    }
+  };
+  this.update = function(delta) {
+    if (this.controls)
+      this.updateMovementModel(delta);
+    if (this.animations) {
+      this.updateBehaviors();
+      this.updateAnimations(delta);
+    }
+  };
+  this.updateAnimations = function(delta) {
+    var mix = 1;
+    if (this.blendCounter > 0) {
+      mix = (this.transitionFrames - this.blendCounter) / this.transitionFrames;
+      this.blendCounter -= 1;
+    }
+    if (this.meshBody) {
+      this.meshBody.update(delta);
+      this.meshBody.setAnimationWeight(this.activeAnimation, mix);
+      this.meshBody.setAnimationWeight(this.oldAnimation, 1 - mix);
+    }
+    if (this.meshWeapon) {
+      this.meshWeapon.update(delta);
+      this.meshWeapon.setAnimationWeight(this.activeAnimation, mix);
+      this.meshWeapon.setAnimationWeight(this.oldAnimation, 1 - mix);
+    }
+  };
+  this.updateBehaviors = function() {
+    var controls = this.controls;
+    var animations = this.animations;
+    var moveAnimation, idleAnimation;
+    if (controls.crouch) {
+      moveAnimation = animations["crouchMove"];
+      idleAnimation = animations["crouchIdle"];
+    } else {
+      moveAnimation = animations["move"];
+      idleAnimation = animations["idle"];
+    }
+    if (controls.jump) {
+      moveAnimation = animations["jump"];
+      idleAnimation = animations["jump"];
+    }
+    if (controls.attack) {
+      if (controls.crouch) {
+        moveAnimation = animations["crouchAttack"];
+        idleAnimation = animations["crouchAttack"];
+      } else {
+        moveAnimation = animations["attack"];
+        idleAnimation = animations["attack"];
+      }
+    }
+    if (controls.moveForward || controls.moveBackward || controls.moveLeft || controls.moveRight) {
+      if (this.activeAnimation !== moveAnimation) {
+        this.setAnimation(moveAnimation);
+      }
+    }
+    if (Math.abs(this.speed) < 0.2 * this.maxSpeed && !(controls.moveLeft || controls.moveRight || controls.moveForward || controls.moveBackward)) {
+      if (this.activeAnimation !== idleAnimation) {
+        this.setAnimation(idleAnimation);
+      }
+    }
+    if (controls.moveForward) {
+      if (this.meshBody) {
+        this.meshBody.setAnimationDirectionForward(this.activeAnimation);
+        this.meshBody.setAnimationDirectionForward(this.oldAnimation);
+      }
+      if (this.meshWeapon) {
+        this.meshWeapon.setAnimationDirectionForward(this.activeAnimation);
+        this.meshWeapon.setAnimationDirectionForward(this.oldAnimation);
+      }
+    }
+    if (controls.moveBackward) {
+      if (this.meshBody) {
+        this.meshBody.setAnimationDirectionBackward(this.activeAnimation);
+        this.meshBody.setAnimationDirectionBackward(this.oldAnimation);
+      }
+      if (this.meshWeapon) {
+        this.meshWeapon.setAnimationDirectionBackward(this.activeAnimation);
+        this.meshWeapon.setAnimationDirectionBackward(this.oldAnimation);
+      }
+    }
+  };
+  this.updateMovementModel = function(delta) {
+    var controls = this.controls;
+    if (controls.crouch)
+      this.maxSpeed = this.crouchSpeed;
+    else
+      this.maxSpeed = this.walkSpeed;
+    this.maxReverseSpeed = -this.maxSpeed;
+    if (controls.moveForward) {
+      this.speed = THREE.MathUtils.clamp(this.speed + delta * this.frontAcceleration, this.maxReverseSpeed, this.maxSpeed);
+    }
+    if (controls.moveBackward) {
+      this.speed = THREE.MathUtils.clamp(this.speed - delta * this.backAcceleration, this.maxReverseSpeed, this.maxSpeed);
+    }
+    var dir = 1;
+    if (controls.moveLeft) {
+      this.bodyOrientation += delta * this.angularSpeed;
+      this.speed = THREE.MathUtils.clamp(
+        this.speed + dir * delta * this.frontAcceleration,
+        this.maxReverseSpeed,
+        this.maxSpeed
+      );
+    }
+    if (controls.moveRight) {
+      this.bodyOrientation -= delta * this.angularSpeed;
+      this.speed = THREE.MathUtils.clamp(
+        this.speed + dir * delta * this.frontAcceleration,
+        this.maxReverseSpeed,
+        this.maxSpeed
+      );
+    }
+    if (!(controls.moveForward || controls.moveBackward)) {
+      if (this.speed > 0) {
+        var k = exponentialEaseOut(this.speed / this.maxSpeed);
+        this.speed = THREE.MathUtils.clamp(this.speed - k * delta * this.frontDecceleration, 0, this.maxSpeed);
+      } else {
+        var k = exponentialEaseOut(this.speed / this.maxReverseSpeed);
+        this.speed = THREE.MathUtils.clamp(this.speed + k * delta * this.backAcceleration, this.maxReverseSpeed, 0);
+      }
+    }
+    var forwardDelta = this.speed * delta;
+    this.root.position.x += Math.sin(this.bodyOrientation) * forwardDelta;
+    this.root.position.z += Math.cos(this.bodyOrientation) * forwardDelta;
+    this.root.rotation.y = this.bodyOrientation;
+  };
+  function loadTextures(baseUrl, textureUrls) {
+    var textureLoader = new THREE.TextureLoader();
+    var textures = [];
+    for (let i = 0; i < textureUrls.length; i++) {
+      textures[i] = textureLoader.load(baseUrl + textureUrls[i], checkLoadingComplete);
+      textures[i].mapping = THREE.UVMapping;
+      textures[i].name = textureUrls[i];
+      if ("colorSpace" in textures[i])
+        textures[i].colorSpace = "srgb";
+      else
+        textures[i].encoding = 3001;
+    }
+    return textures;
+  }
+  function createPart(geometry, skinMap) {
+    var materialWireframe = new THREE.MeshLambertMaterial({
+      color: 16755200,
+      wireframe: true,
+      morphTargets: true,
+      morphNormals: true
+    });
+    var materialTexture = new THREE.MeshLambertMaterial({
+      color: 16777215,
+      wireframe: false,
+      map: skinMap,
+      morphTargets: true,
+      morphNormals: true
+    });
+    var mesh = new MorphBlendMesh.MorphBlendMesh(geometry, materialTexture);
+    mesh.rotation.y = -Math.PI / 2;
+    mesh.materialTexture = materialTexture;
+    mesh.materialWireframe = materialWireframe;
+    mesh.autoCreateAnimations(scope.animationFPS);
+    return mesh;
+  }
+  function checkLoadingComplete() {
+    scope.loadCounter -= 1;
+    if (scope.loadCounter === 0)
+      scope.onLoadComplete();
+  }
+  function exponentialEaseOut(k) {
+    return k === 1 ? 1 : -Math.pow(2, -10 * k) + 1;
+  }
+};
+exports.MD2CharacterComplex = MD2CharacterComplex;