three-base 1.0.13 → 1.0.14

package/lib/KeyFrameAnimation.ts

@@ -20,6 +20,7 @@ export type Keyframe = {
 
 
 export type KeyframeAnimationProps = {
+    speedScale?: number; // 速度调整
     object3d: Object3D; // 需要移动的对象
     keyframes: Array<Keyframe>,
 }
@@ -30,6 +31,9 @@ export default class KeyframeAnimation extends Object3D {
     constructor(props: KeyframeAnimationProps) {
         super();
 
+        // 速度调整
+        this.speedScale = props.speedScale || 1;
+
         // 设置关键帧对象数组
         this.setKeyframes(props.keyframes);
 
@@ -39,6 +43,9 @@ export default class KeyframeAnimation extends Object3D {
 
     }
 
+    // 速度调整
+    speedScale = 1;
+
     // 需要需要移动的对象
     object3d: Object3D;
 

package/lib/threeLoader.ts

@@ -5,7 +5,7 @@
  * @Last Modified time: 2023-02-07 11:11:48
  */
 
-import { DefaultLoadingManager, EventDispatcher, RepeatWrapping, Texture, TextureLoader } from "three";
+import { DefaultLoadingManager, EventDispatcher, RepeatWrapping, Texture, TextureLoader, VideoTexture } from "three";
 import { FBXLoader } from "three/examples/jsm/loaders/FBXLoader";
 import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
 import { MTLLoader } from "three/examples/jsm/loaders/MTLLoader";
@@ -60,9 +60,26 @@ class ThreeLoader extends EventDispatcher {
         let texture = this.textureMap.get(src);
 
         if (!texture) {
-            texture = this.textureLoader.load(src, tex => {
-                tex.image.crossOrigin = "anonymous";
-            });
+            if (/\.mp4$/.test(src)) {
+                const videoDom = document.createElement("video");
+                videoDom.autoplay = true;
+                videoDom.loop = true;
+                videoDom.muted = true;
+                videoDom.preload = "auto";
+                videoDom.playsInline = true;
+                videoDom.src = src;
+                document.addEventListener("pointerup", () => {
+                    videoDom.pause();
+                    videoDom.play();
+                });
+                texture = new VideoTexture(videoDom);
+            } else {
+
+                texture = this.textureLoader.load(src, tex => {
+                    tex.image.crossOrigin = "anonymous";
+                });
+            }
+
             this.textureMap.set(src, texture);
         }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "three-base",
-    "version": "1.0.13",
+    "version": "1.0.14",
     "description": "three 3d three-base",
     "keywords": [
         "three",