easy-threesdk 1.0.3 → 1.0.4

package/index.js

@@ -165,6 +165,7 @@ class ThreeSdk {
     this.renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
     this.renderer.setSize(width, height);
     this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+
     this.container.appendChild(this.renderer.domElement);
 
     //初始化控制器
@@ -784,6 +785,83 @@ class ThreeSdk {
     return threeGroup;
   }
 
+  /**
+   * 获取 mesh 的信息并返回 JSON 对象
+   * @param {THREE.Mesh} mesh - 要获取信息的 mesh
+   * @returns {Object} 包含位置、旋转、缩放信息的 JSON 对象
+   */
+  getMeshInfo(mesh) {
+    if (!mesh) {
+      return null;
+    }
+
+    const info = {
+      position: {
+        x: mesh.position.x,
+        y: mesh.position.y,
+        z: mesh.position.z,
+      },
+      rotation: {
+        x: mesh.rotation.x,
+        y: mesh.rotation.y,
+        z: mesh.rotation.z,
+      },
+      scale: {
+        x: mesh.scale.x,
+        y: mesh.scale.y,
+        z: mesh.scale.z,
+      },
+    };
+
+    return info;
+  }
+
+  /**
+   * 将 JSON 信息应用到 mesh
+   * @param {THREE.Mesh} mesh - 要应用信息的 mesh
+   * @param {Object} infoJson - 包含位置、旋转、缩放信息的 JSON 对象
+   */
+  applyMeshInfo(mesh, infoJson) {
+    if (!mesh || !infoJson) {
+      console.warn("⚠️ applyMeshInfo: mesh 或 infoJson 为空");
+      return;
+    }
+
+    // 应用位置
+    if (infoJson.position) {
+      mesh.position.set(
+        infoJson.position.x || 0,
+        infoJson.position.y || 0,
+        infoJson.position.z || 0
+      );
+    }
+
+    // 应用旋转（弧度制）
+    if (infoJson.rotation) {
+      mesh.rotation.set(
+        infoJson.rotation.x || 0,
+        infoJson.rotation.y || 0,
+        infoJson.rotation.z || 0
+      );
+    }
+
+    // 应用缩放
+    if (infoJson.scale) {
+      mesh.scale.set(
+        infoJson.scale.x || 1,
+        infoJson.scale.y || 1,
+        infoJson.scale.z || 1
+      );
+    }
+
+    // 如果当前选中了该 mesh，更新 TransformControls
+    if (selectedMesh === mesh && transformControls) {
+      transformControls.updateMatrixWorld();
+    }
+
+    console.log("✅ 信息已应用到 mesh:", mesh.userData.name || "未命名对象");
+  }
+
   /**
    * 将相机平滑移动到指定位置，并可以围绕位置旋转查看
    * @param {THREE.Vector3} position - 标签的3D位置

package/loader/WaterMaterial/index.js

@@ -1,36 +1,35 @@
-function createWaterLoader(renderer, camera, scene) {
-    // Load Textures
-    const cubetextureloader = new THREE.CubeTextureLoader();
-    const textureCube = cubetextureloader.load([
-        '/resource/xpos.jpg', '/resource/xneg.jpg',
-        '/resource/ypos.jpg', '/resource/ypos.jpg',
-        '/resource/zpos.jpg', '/resource/zneg.jpg',
-    ]);
-
-    const textureloader = new THREE.TextureLoader();
-    const tiles = textureloader.load('/resource/tiles.jpg');
-
-    // Initialize Water Effect
-    const waterEffect = new WaterEffect(renderer, camera, scene, {
-        tiles: tiles,
-        skybox: textureCube
-    });
-
-    function animate() {
-        // Update water effect
-        waterEffect.update();
-
-        // Clear and Render Scene
-        renderer.setClearColor(new THREE.Color('white'), 1);
-        renderer.clear();
-
-        renderer.render(scene, camera);
-
-        controls.update();
-
-        requestAnimationFrame(animate);
-    }
-
-    animate();
-    return waterEffect;
-}
+import { Water } from "three/examples/jsm/objects/Water.js";
+import * as THREE from "three";
+import waterNormalMap from "./resource/textures/waternormals.jpg";
+function createWaterLoader(scene) {
+  // 创建 PlaneGeometry 网格
+  const planeGeometry = new THREE.PlaneGeometry(10, 10);
+
+  const planeMesh = new Water(planeGeometry, {
+    textureWidth: 512,
+    textureHeight: 512,
+    waterNormals: new THREE.TextureLoader().load(
+      waterNormalMap,
+      function (texture) {
+        texture.wrapS = texture.wrapT = THREE.RepeatWrapping;
+      }
+    ),
+    sunDirection: new THREE.Vector3(),
+    sunColor: 0xffffff,
+    waterColor: 0x001e0f,
+    distortionScale: 3.7,
+    fog: scene.fog !== undefined,
+  });
+
+  planeMesh.rotation.x = -Math.PI / 2;
+
+  function animate() {
+    planeMesh.material.uniforms["time"].value += 1.0 / 60.0;
+
+    requestAnimationFrame(animate);
+  }
+
+  animate();
+  return planeMesh;
+}
+export default createWaterLoader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-threesdk",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "����Threejs��װ�ij��ù��ܵ�sdk",
   "main": "index.js",
   "private": false,