three-base 1.0.19 → 1.0.21

package/README.md

@@ -1,89 +1,88 @@
-1. 创建一个 homeRender.ts 模块
 
-   ```tsx
+```tsx
+1.创建一个 homeRender.ts 模块
+import { AmbientLight, BoxGeometry, Mesh, MeshLambertMaterial, PointLight } from "three";
+import ThreeBase, { Transition } from "three-base";
+class HomeRender extends ThreeBase {
 
-   import { AmbientLight, BoxGeometry, Mesh, MeshLambertMaterial, PointLight } from "three";
-   import ThreeBase, { Transition } from "three-base";
-   class HomeRender extends ThreeBase {
+    constructor() {
+        super();
+    }
 
-       constructor() {
-           super();
-       }
+    // 环境光
+    ambientLight = (() => {
+        const ambientLight = new AmbientLight("#fff", 0.4);
+        this.scene.add(ambientLight);
+        return ambientLight;
+    })();
 
-       // 环境光
-       ambientLight = (() => {
-           const ambientLight = new AmbientLight("#fff", 0.4);
-           this.scene.add(ambientLight);
-           return ambientLight;
-       })();
+    //点光源
+    pointLight = (() => {
+        const pointLight = new PointLight("#fff", 0.4);
+        pointLight.position.set(50, 40, 50);
+        this.scene.add(pointLight);
+        return pointLight;
+    })();
 
-       //点光源
-       pointLight = (() => {
-           const pointLight = new PointLight("#fff", 0.4);
-           pointLight.position.set(50, 40, 50);
-           this.scene.add(pointLight);
-           return pointLight;
-       })();
+    init() {
+        super.init();
+	// 使用这个方法来初始化相机的位置和朝向
+        this.resetLookAt({
+            center: new Vector3(0, 0, 0),
+            position: new Vector3(10.954, 19.452, 39.811)
+        });
 
-       init() {
-           super.init();
-   	// 使用这个方法来初始化相机的位置和朝向
-           this.resetLookAt({
-               center: new Vector3(0, 0, 0),
-               position: new Vector3(10.954, 19.452, 39.811)
-           });
+    }
 
-       }
+    box = (() => {
+        const geometry = new BoxGeometry(10, 10, 10);
+        const matearil = new MeshLambertMaterial({ color: 0xfff });
+        const mesh = new Mesh(geometry, matearil);
 
-       box = (() => {
-           const geometry = new BoxGeometry(10, 10, 10);
-           const matearil = new MeshLambertMaterial({ color: 0xfff });
-           const mesh = new Mesh(geometry, matearil);
+	//创建一个动画对象
+        const transition = new Transition({ rotationY: 0 });
 
-   	//创建一个动画对象
-           const transition = new Transition({ rotationY: 0 });
+        // 动画对象播放回调
+        transition.onChange(({ rotationY }) => {
+            mesh.rotation.y = rotationY;
+        });
 
-           // 动画对象播放回调
-           transition.onChange(({ rotationY }) => {
-               mesh.rotation.y = rotationY;
-           });
+        mesh.position.set(0, 0, 0);
+        mesh.userData = { cursor: "pointer", enableEvent: true };
 
-           mesh.position.set(0, 0, 0);
-           mesh.userData = { cursor: "pointer", enableEvent: true };
+        // 提供了常用的鼠标事件
+        mesh.addEventListener("click", e => { });
+        mesh.addEventListener("dbclick", e => { });
 
-           // 提供了常用的鼠标事件
-           mesh.addEventListener("click", e => { });
-           mesh.addEventListener("dbclick", e => { });
+        mesh.addEventListener("leftclick", e => {
+            transition.set({ rotationY: Math.random() * 5 });
+        });
+        mesh.addEventListener("rightclick", e => { });
+        mesh.addEventListener("mouseenter", e => { });
+        mesh.addEventListener("mouseleave", e => { });
+        mesh.addEventListener("mousemove", e => { });
+        mesh.addEventListener("mousedown", e => { });
+        mesh.addEventListener("mouseup", e => { });
 
-           mesh.addEventListener("leftclick", e => {
-               transition.set({ rotationY: Math.random() * 5 });
-           });
-           mesh.addEventListener("rightclick", e => { });
-           mesh.addEventListener("mouseenter", e => { });
-           mesh.addEventListener("mouseleave", e => { });
-           mesh.addEventListener("mousemove", e => { });
-           mesh.addEventListener("mousedown", e => { });
-           mesh.addEventListener("mouseup", e => { });
+        this.scene.add(mesh);
+        return mesh;
+    })();
 
-           this.scene.add(mesh);
-           return mesh;
-       })();
+}
 
-   }
 
+const homeRenderer = new HomeRender();
 
-   const homeRenderer = new HomeRender();
+// 导出这个单例对象
+export default homeRenderer;
 
-   // 导出这个单例对象
-   export default homeRenderer;
 
 
+2.添加到div里面
+import homeRenderer form "./homeRenderer.ts";
+homeRenderer.setContainer( document.getElementById("div") );
 
-   2.添加到div里面
-   import homeRenderer form "./homeRenderer.ts";
-   homeRenderer.setContainer( document.getElementById("div") );
 
 
 
-
-   ```
+```

package/package.json

@@ -1,12 +1,12 @@
 {
     "name": "three-base",
-    "version": "1.0.19",
+    "version": "1.0.21",
     "description": "three 3d three-base",
     "keywords": [
         "three",
         "3d",
         "three-base",
-        "xsh"
+        "做项目找我 qq:389652405"
     ],
     "main": "index.ts",
     "module": "index.ts",