From a1af77bc74bd98bd2ac6670f056180f333527b61 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 03 四月 2024 16:31:22 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js |   65 ++++++++++++++++++++++++++++----
 1 files changed, 57 insertions(+), 8 deletions(-)

diff --git a/zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js b/zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js
index 27848e5..a1fc0e9 100644
--- a/zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js
+++ b/zy-asrs-flow/src/pages/map/drawer/shelf/shelfThree.js
@@ -5,6 +5,10 @@
 import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer';
 import { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass';
 import { OutlinePass } from 'three/examples/jsm/postprocessing/OutlinePass';
+import { ShaderPass } from 'three/examples/jsm/postprocessing/ShaderPass';
+import { FXAAShader } from 'three/examples/jsm/shaders/FXAAShader';
+import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader'
+import * as Utils from '../../utils'
 
 const help = false;
 
@@ -37,7 +41,6 @@
     }
 
     render = () => {
-        this.renderer.shadowMap.enabled = true;
         // this.renderer.render(this.scene, this.camera);
         this.composer.render(); // use special effects
         this.stats.update();
@@ -62,7 +65,10 @@
     initScene = () => {
         const scene = new THREE.Scene();
         // scene.background = new THREE.Color(0xf0f0f0);
-        scene.background = new THREE.Color(0x333333);
+        // scene.background = new THREE.Color(0x333333);
+
+        // scene.background = new THREE.Color(0xf8f8f8);
+        scene.background = new THREE.Color(0x7a7a7a);
         if (help) {
             scene.add(new THREE.AxesHelper(1000));
         }
@@ -94,7 +100,19 @@
         const composer = new EffectComposer(this.renderer);
         const renderPass = new RenderPass(this.scene, this.camera);
         composer.addPass(renderPass);
+        // pixel ratio
+        const pixelRatio = this.renderer.getPixelRatio();
+        const newWidth = Math.floor(this.getFullWidth() * pixelRatio) || 1;
+        const newHeight = Math.floor(this.getFullHeight() * pixelRatio) || 1;
+        composer.setSize(newWidth, newHeight);
+        // antialias
+        const effectFXAA = new ShaderPass(FXAAShader);
+        effectFXAA.uniforms['resolution'].value.set(1 / newWidth, 1 / newHeight);
+        composer.addPass(effectFXAA);
+        // outline
         this.outlinePass = new OutlinePass(new THREE.Vector2(this.getFullWidth(), this.getFullHeight()), this.scene, this.camera);
+        this.outlinePass.visibleEdgeColor.set('#ffffff'); // outline color
+        this.outlinePass.edgeStrength = 10; // outline weight
         composer.addPass(this.outlinePass);
         return composer;
     }
@@ -111,7 +129,7 @@
         controls.minPolarAngle = 0; // 鏈�灏忎刊浠拌搴︼紙鍚戜笅鐪嬶級
         controls.maxPolarAngle = Math.PI / 2.1; // 鏈�澶т刊浠拌搴︼紙鍚戜笂鐪嬶級
         controls.rotateSpeed = 0.6; // 瑙嗚绉诲姩閫熷害鍑忔參
-        controls.autoRotate = false; // 鑷姩鏃嬭浆
+        controls.autoRotate = true; // 鑷姩鏃嬭浆
 
         controls.target = new THREE.Vector3(0, 250, 0)  // 灞忓箷涓績鐐� 骞虫浛 camera鐨刲ookAt
         return controls;
@@ -154,11 +172,14 @@
             raycaster.setFromCamera(mouse, this.camera);
             let intersects = raycaster.intersectObjects(this.objects, true);
             if (intersects.length === 0) {
-                this.outlinePass.selectedObjects = [];
                 return;
             }
-            this.outlinePass.selectedObjects = [intersects[0].object];
             let objName = intersects[0].object.name;
+            this.objects.forEach(obj => {
+                if (obj.name === objName) {
+                    this.outlinePass.selectedObjects = [obj];
+                }
+            })
             if (objName && this.handleClick) {
                 this.handleClick(objName, x, y);
             }
@@ -167,7 +188,35 @@
     }
 
     generateMesh = (fn) => {
-        fn(this.addObject);
+        // fn(this.addObject);
+        const loader = new FBXLoader();
+        const promise = new Promise((resolve) => {
+            loader.load('model/001-5.fbx', (mesh) => {
+                mesh.position.set(0, 10, 0);
+                mesh.scale.set(5, 5, 5);
+                mesh.name = '1-1-1';
+                // mesh.rotation.x = Utils.rotationParseNum(270);
+                mesh.traverse(function (child) {
+                    if (child.isMesh) {
+                        child.name = '1-1-1';
+                        child.castShadow = true;
+                        child.receiveShadow = true;
+                    }
+                });
+                this.addObject(mesh);
+                resolve();
+            })
+        })
+        return promise;
+    }
+
+    setNewSelectedMesh = (objName) => {
+        for (const mesh of this.objects) {
+            if (mesh.name === objName) {
+                this.outlinePass.selectedObjects = [mesh];
+                break;
+            }
+        }
     }
 
     destroy = () => {
@@ -216,10 +265,10 @@
 
 const initLight = (scene) => {
     const directionalLight = new THREE.DirectionalLight(0xffffff, 8);
-    directionalLight.position.set(-300, 300, 300);
+    directionalLight.position.set(1, 1, 1);
     scene.add(directionalLight);
 
-    const ambientLight = new THREE.AmbientLight(0xf0f0f0, 8);
+    const ambientLight = new THREE.AmbientLight(0xf0f0f0, 10);
     scene.add(ambientLight);
 
     const spotLight = new THREE.SpotLight(0xffffff, 8);

--
Gitblit v1.9.1