refactor:examples add tips

flowers-10 · flowers-10 · commit 94ca8159cd9c · 2025-01-27T14:25:05.000+08:00
diff --git a/packages/core/public/image.png b/packages/core/public/image.png
diff --git a/packages/core/src/components/web/Tips.ts b/packages/core/src/components/web/Tips.ts
@@ -28,7 +28,7 @@ export class Tips extends BaseThree {
         this.cssRenderer.setSize(this.sizes?.width, this.sizes.height);
         this.domElement = this.cssRenderer.domElement;
         this.domElement.style.position = 'absolute';
-        this.domElement.style.zIndex = '9999';
+        this.domElement.style.zIndex = '2';
         this.domElement.style.top = '0px'
         this.domElement.style.left = '0px'
         this.domElement.style.pointerEvents = 'none';
diff --git a/packages/examples/index.html b/packages/examples/index.html
@@ -14,6 +14,7 @@
   </head>
   <body>
     <div id="app">
+      <div class="chart">6666</div>
       <canvas class="webgl" id="_scene"></canvas>
     </div>
     <script type="module" src="./src/SmartCommunity.ts">
@@ -31,5 +32,14 @@
       height: 100vh;
       overflow: hidden;
     }
+    .chart {
+      position: absolute;
+      top: 0;
+      padding: 20px;
+      left: 50%;
+      font-size: 60px;
+      z-index: 3;
+      color: #fff;
+    }
   </style>
 </html>
diff --git a/packages/examples/src/SmartCommunity.ts b/packages/examples/src/SmartCommunity.ts
@@ -39,7 +39,7 @@ const instance = new AUTO.ThreeAuto(undefined, {
     {
       name: "preview",
       type: "GLTF",
-      path: "./models/preview_opt.glb",
+      path: "./models/community.glb",
       show: true,
     },
     {
@@ -48,43 +48,43 @@ const instance = new AUTO.ThreeAuto(undefined, {
       path: '/env/artist_workshop_1k.f6da9025.hdr'
     }
   ],
-  shadow: {
-    show: true,
-    width: 1600,
-    height: 1600,
-    color: '#000',
-    opacity: 0.3,
-    position: { x: 0, y: 0.1, z: 0 },
-    rotation: { x: -Math.PI / 2, y: 0, z: 0 },
-  },
-  light: [
-    {
-      type: "directional",
-      color: "#fff",
-      intensity: 1,
-      distance: 500,
-      helper: false,
-      helperSize: 5,
-      lightName: "spot-light",
-      castShadow: true,
-      shadow: {
-        mapSizeWidth: 1024,
-        mapSizeHeight: 1024,
-        cameraLeft: -500,
-        cameraTop: 500,
-        cameraBottom: -500,
-        cameraRight: 500,
-        cameraNear: 0.1,
-        cameraFar: 500,
-        radius: 100,
-        bias: -0.004,
-        normalBias: 0.027
-      },
-      position: {
-        x: -100, y: 300, z: 165,
-      }
-    },
-  ],
+  // shadow: {
+  //   show: true,
+  //   width: 1600,
+  //   height: 1600,
+  //   color: '#000',
+  //   opacity: 0.3,
+  //   position: { x: 0, y: 0.1, z: 0 },
+  //   rotation: { x: -Math.PI / 2, y: 0, z: 0 },
+  // },
+  // light: [
+  //   {
+  //     type: "directional",
+  //     color: "#fff",
+  //     intensity: 1,
+  //     distance: 500,
+  //     helper: false,
+  //     helperSize: 5,
+  //     lightName: "spot-light",
+  //     castShadow: true,
+  //     shadow: {
+  //       mapSizeWidth: 1024,
+  //       mapSizeHeight: 1024,
+  //       cameraLeft: -500,
+  //       cameraTop: 500,
+  //       cameraBottom: -500,
+  //       cameraRight: 500,
+  //       cameraNear: 0.1,
+  //       cameraFar: 500,
+  //       radius: 100,
+  //       bias: -0.004,
+  //       normalBias: 0.027
+  //     },
+  //     position: {
+  //       x: -100, y: 300, z: 165,
+  //     }
+  //   },
+  // ],
 });
 
 const checkMeshShadow = (origin: any) => {
@@ -103,14 +103,16 @@ instance.resource?.on('ready', () => {
   // preview.scene.position.y = -100 
   preview.scene.position.z = 120
   preview.scene.children.forEach((item: any) => {
-    console.log(item);
+    // console.log(item);
     item.castShadow = true
     checkMeshShadow(item.children)
   })
   instance.scene.add(preview.scene)
   const env = instance.resource?.items.get('env')
   env.mapping = THREE.EquirectangularReflectionMapping
   instance.scene.environment = env
+  console.log(instance._renderer,33333);
+  
 })
 
 const liftDetail = [
