完成到 操作部分

src/plugins/floor/components/cartoonMagic.vue

@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2024-06-18 14:32:19
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-11-27 10:16:09
+ * @LastEditTime: 2025-02-06 08:43:31
 -->
 <template>
     <TresGroup>
@@ -45,10 +45,15 @@ const loader = new TQK.QuarksLoader()
 loader.setCrossOrigin('')
 
 const emitters = new THREE.Group()
-loader.load('./plugins/floor/json/CartoonMagicZone.json', (obj) => {
+loader.load('./plugins/floor/json/CartoonMagicZone2.json', (obj) => {
     obj.traverse((child) => {
         if (child.type === 'ParticleEmitter') {
             // child.scale.setScalar(0.5)
+            if (child.name === 'BasicZoneRedEmitter') {
+                // 针对最新更新的three.quarks 特殊处理
+                child.rotation.set(Math.PI / 2, 0, 0)
+            }
+
             //@ts-ignore
             const childSystem = child.system
             if (childSystem.startSpeed.value === -0.25) {

src/plugins/industry4/components/su7/car.vue

@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2024-04-14 17:59:21
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-04-16 16:11:44
+ * @LastEditTime: 2025-02-06 09:17:46
 -->
 <template>
     <primitive :object="scene" :rotation-y="Math.PI" />
@@ -13,7 +13,8 @@
 <script setup lang="ts">
 import { defineProps, withDefaults, watch } from 'vue'
 import { useTexture, useRenderLoop } from '@tresjs/core'
-import { useGLTF } from '@tresjs/cientos'
+// import { useGLTF } from '@tresjs/cientos'
+import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
 import * as THREE from 'three'
 import { flatModel } from './utils'
 import { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js'
@@ -30,10 +31,32 @@ const props = withDefaults(
         run: false,
     },
 )
-const { scene, materials } = await useGLTF('./plugins/industry4/model/su7_car/sm_car.gltf', { draco: false }, (gltfLoader) => {
-    gltfLoader.setMeshoptDecoder(MeshoptDecoder)
-})
-
+// const { scene, materials } = await useGLTF('./plugins/industry4/model/su7_car/sm_car.gltf', { draco: false }, (gltfLoader) => {
+//     gltfLoader.setMeshoptDecoder(MeshoptDecoder)
+// })
+const loader = new GLTFLoader()
+loader.setMeshoptDecoder(MeshoptDecoder)
+const { scene } = await loader.loadAsync('./plugins/industry4/model/su7_car/sm_car.gltf')
+function getAllMaterials(object) {
+    let materialsMap = new Map()
+    object.traverse((child) => {
+        if (child.isMesh) {
+            if (Array.isArray(child.material)) {
+                child.material.forEach((material) => {
+                    if (material.name) {
+                        materialsMap.set(material.name, material)
+                    }
+                })
+            } else {
+                if (child.material.name) {
+                    materialsMap.set(child.material.name, child.material)
+                }
+            }
+        }
+    })
+    return Object.fromEntries(materialsMap)
+}
+const materials = getAllMaterials(scene)
 const pTexture = await useTexture([
     './plugins/industry4/texture/t_car_body_AO.raw.jpg',
     './plugins/industry4/texture/t_cat_car_body_bc.webp',

src/plugins/industry4/components/su7/speedup.vue

@@ -1,40 +1,47 @@
 <template>
-	<primitive :object="scene" />
+    <primitive :object="scene" />
 </template>
 
 <script setup lang="ts">
 import * as THREE from 'three'
 import { useRenderLoop } from '@tresjs/core'
-import { useGLTF } from '@tresjs/cientos'
+// import { useGLTF } from '@tresjs/cientos'
+import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
 import { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js'
 import CustomShaderMaterial from 'three-custom-shader-material/vanilla'
 import vertexShader from '../../shaders/speedup.vert'
 import fragmentShader from '../../shaders/speedup.frag'
 
-const { scene } = await useGLTF('./plugins/industry4/model/su7_car/sm_speedup.gltf', { draco: false }, (gltfLoader) => { gltfLoader.setMeshoptDecoder(MeshoptDecoder) })
+// const { scene } = await useGLTF('./plugins/industry4/model/su7_car/sm_speedup.gltf', { draco: false }, (gltfLoader) => {
+// 	gltfLoader.setMeshoptDecoder(MeshoptDecoder)
+// })
+const gltfLoader = new GLTFLoader()
+gltfLoader.setMeshoptDecoder(MeshoptDecoder)
+const { scene } = await gltfLoader.loadAsync('./plugins/industry4/model/su7_car/sm_speedup.gltf')
+
 const uniforms = {
-	uTime: { value: 0 },
-	uSpeedFactor: { value: 0 },
+    uTime: { value: 0 },
+    uSpeedFactor: { value: 0 },
 }
 
 const mat = new CustomShaderMaterial({
-	baseMaterial: THREE.ShaderMaterial,
-	uniforms,
-	vertexShader,
-	fragmentShader,
-	transparent: true,
-	depthWrite: false,
+    baseMaterial: THREE.MeshStandardMaterial,
+    uniforms,
+    vertexShader,
+    fragmentShader,
+    transparent: true,
+    depthWrite: false,
 })
 
 scene.traverse((child: THREE.Object3D) => {
-	if ((child as THREE.Mesh).isMesh) {
-		const mesh = child as THREE.Mesh
-		mesh.material = mat
-	}
+    if ((child as THREE.Mesh).isMesh) {
+        const mesh = child as THREE.Mesh
+        mesh.material = mat
+    }
 })
 const { onBeforeLoop } = useRenderLoop()
 onBeforeLoop(({ delta }) => {
-	mat.uniforms.uTime.value += delta
-	mat.uniforms.uSpeedFactor.value = 1.0
+    mat.uniforms.uTime.value += delta
+    mat.uniforms.uSpeedFactor.value = 1.0
 })
 </script>

src/plugins/operationTool/components/tagging.vue

@@ -53,7 +53,8 @@ const addOutBox = function (size:any, boxCenter:any) {
 const createLabel = (text:any, position:any, targetNormal:any) => {
     const textGeometry = new TextGeometry(text, {
         font,
-        size: 1,
+        size: 3,
+        depth: 1,
         height: 0.2,
         curveSegments: 12,
         bevelEnabled: false,