From 30d6d8eecdd6db672602600684c5e0ae7b186635 Mon Sep 17 00:00:00 2001
From: yuliang <398780299@qq.com>
Date: Wed, 11 Jun 2025 15:54:55 +0800
Subject: [PATCH] asd

---
 src/assets/Models/storageBar.png  | Bin 0 -> 1830 bytes
 src/assets/Models/storageBar2.png | Bin 0 -> 3521 bytes
 src/components/Model3DView.vue    | 159 ++++++++++++++++++++++++++++++++++++++
 src/editor/menus/Model3DView.ts   |   2 +-
 src/modules/rack/RackRenderer.ts  |  12 +++
 5 files changed, 172 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/Models/storageBar.png
 create mode 100644 src/assets/Models/storageBar2.png

diff --git a/src/assets/Models/storageBar.png b/src/assets/Models/storageBar.png
new file mode 100644
index 0000000000000000000000000000000000000000..535a2d615c8b370934156b681ba840eab207c6ac
GIT binary patch
literal 1830
zcmeAS@N?(olHy`uVBq!ia0y~yU^D??4mP03qQ>*{85r2!db&7<RLpsM_hRVnD5<uG
z_QtFcD;dfY$_17)d2O)jxXdW~pd`V{K(>QRDO})%!^(!8CuYeMU7I!Yu;htj^XEP1
zi~lSBD7HHL^tIi`fq;qQL;p2qhCL#V%t;(l0?rp2B%0Wc2$(3eEnqZc;q6e&aNrr0
z8hoMAQy%*DMpcJ>w2s);xb^k__QvRC?~S{jw)yAN;s>R@k0Xvh-gvBVP3Ek+y1Mf6
z>jkU+zwu>zyFXG#?CSU0ueJJlAGm<hhaU#CA6~ex{{OwIIq8<W7uasSo0q-)HmCHS
zhC-R_{r9h*J?r~A@ZYx0e7E+;#>ZdJ+n#O9HfQbMy7>9_^?A0({_84bgxZH?|Ngsg
z*Sc(5t~tG#v$D3|p8Ivxo0T&bgodsSTP@Y*c;$iqjAbj$X8X?dTYhcvo*65SoB1sd
z{#tv#ipPSx_P+bkHCj3up`qKiZ(qdr-}(Oc((3BlRXyV0&#&5*WqZWidaj@S{8;9?
z($dn<_<c2*w#Qa?>}vmZC28Y|L<tw(c@k|4?dtyAsOkw9mfo^z6~DaQ6$75N#~aKO
zXDy3bfBox+4;QMYgbSDRzg@X|_iig0KCs;W`|iirXw|faeSI9*S11$R&*<xWIpp-y
zPjB{}`Vw<dd&??$c9y1NcVzpI|CkYaRv{xa_4dg(Z@>S(ru;|jWAwRItGc_pckSPw
zZ_8$4=o`GZ{{OzO68n$pgk|va^Y8yNP58{oIex#=1-Gm!lJC7a>+)9p41qkq>;H0^
z(oUa@Is5X~eBTQVHF)ycX3kqhJ9BKAObnN2$6rvmGiP0`V{<`q)#sV=6)gpI4-C(w
zZO#NrUoMRW2J^M#KVq9XqV9iR>)x>J*(ZB}{ZF^tZTXpF{Wv@$JUkpI`fS&_)o;sy
z0UIv9*J-m=v;CQesfRCWo4kMAVqX#~{=e?rjRm#8zMOoi_Qw+#2bGmKK_R;HY0TQN
z%~h9qZH}AxZoQfFs>Eum+|#2+*Io!)eRWOT8m{wKOJjKt3;fK93c0ZDb}lgG#a`bk
z$9iwey4P7U$9GIVKVw1e_ULwo4?gXO6}7Si9e3~BCuaO(Heb6lFhy;bd+a)=^n#wg
z{_ES@^S9o98`aO0p1b|_)$8ly&;MijqT_G5{dVrx+V>lIDp(I2TzOcqV)pFW*B0B{
zj%0cJ=+UBUuS;{yX21G<&$s>u@4NT!Usu>%`&hB2Q0Dw2X}0%r^78j<E-?J-+Ptrw
l?ZcGO5^YG8@5lBt+)q+yU{mV(0j&QRJYD@<);T3K0RY+^%%T7Q

literal 0
HcmV?d00001

diff --git a/src/assets/Models/storageBar2.png b/src/assets/Models/storageBar2.png
new file mode 100644
index 0000000000000000000000000000000000000000..be3754d424b4093049d675e8473cc58b738e5567
GIT binary patch
literal 3521
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

literal 0
HcmV?d00001

diff --git a/src/components/Model3DView.vue b/src/components/Model3DView.vue
index a93385d..5d3f158 100644
--- a/src/components/Model3DView.vue
+++ b/src/components/Model3DView.vue
@@ -90,6 +90,12 @@ import { renderIcon } from '@/utils/webutils.js'
 import rackPlatUrl from '@/assets/images/conveyor/shapes/RackPlatform.png'
 import rackBlue from '@/assets/images/conveyor/shapes/Rack-blue.png'
 import triangleUrl from '@/assets/images/conveyor/shapes/triangle.png'
+import textureUrl from '@/assets/images/conveyor/shapes/RibSideSkirtThumbnail.jpg'
+import moveUrl from '@/assets/images/conveyor/shapes/move.svg'
+import arrowRightUrl from '@/assets/images/conveyor/shapes/arrow-right.svg'
+import rackUrl from '@/assets/images/conveyor/shapes/Rack.png'
+import Plastic_Rough_JPG from "@/assets/Models/Plastic_Rough.jpg";
+import storageBar_PNG from "@/assets/Models/storageBar.png";
 
 // DOM refs
 const canvasContainer = ref(null)
@@ -478,6 +484,159 @@ function createGroundStore() {
   const planeMesh = new THREE.Mesh(planeGeometry, material)
   planeMesh.rotateX(Math.PI / 2)
   scene.add(planeMesh)
+
+  let textureLoader = new THREE.TextureLoader()
+
+  const texture1 = textureLoader.load(storageBar_PNG);
+  const texture2 = textureLoader.load(Plastic_Rough_JPG);
+
+
+  const curve = new THREE.CatmullRomCurve3(
+    [new THREE.Vector3(0, 0, 0), new THREE.Vector3(0, 2, 0)],
+    false,  // 闭合曲线
+    'catmullrom',
+    0
+  );
+  // const points = curve.getPoints(10);
+  // const geometry = new THREE.BufferGeometry().setFromPoints(points);
+  // const material = new THREE.LineBasicMaterial({ color: 0x00ff00 });
+  // const lineS = new THREE.Line(geometry, material);
+  // group.add(lineS as THREE.Object3D)
+
+
+  const splits = [
+    [0, 0],
+    [0.025, 0],
+    [0.04, 0.005],
+    [0.06, 0.005],
+    [0.075, 0],
+    [0.1, 0],
+    [0.1, 0.092],
+    [0.092, 0.1],
+    [0.075, 0.1],
+    [0.075, 0.092],
+    [0.092, 0.092],
+    [0.092, 0.008],
+    [0.008, 0.008],
+    [0.008, 0.092],
+    [0.025, 0.092],
+    [0.025, 0.1],
+    [0.008, 0.1],
+    [0, 0.092],
+    [0, 0]
+  ]
+
+
+
+  let pointsShape = [];
+  for (let i = 0; i < splits.length ; i ++) {
+    let _x = splits[i][0] //* 10;
+    let _y = splits[i][1] //* 10;
+    pointsShape.push({
+      x: _x,
+      y: _y,
+    });
+  }
+
+  const shape = new THREE.Shape();
+  shape.moveTo(pointsShape[0].x, pointsShape[0].y);
+  for (let i = 1; i < pointsShape.length; i++) {
+    shape.lineTo(pointsShape[i].x , pointsShape[i].y);
+  }
+
+  const options = {
+    steps: 1,
+    bevelEnabled: false,
+    extrudePath: curve,
+  };
+
+  const geometry1 = new THREE.ExtrudeGeometry(shape, options);
+
+  resetUVs(geometry1);
+
+
+  // 设置贴图在 U 和 V 方向上的重复次数
+  texture1.repeat.set(10, 18); // X轴重复2次，Y轴重复3次（相当于缩小纹理）
+  texture2.repeat.set(2, 2); // X轴重复2次，Y轴重复3次（相当于缩小纹理）
+  // texture1.offset.set(0.5, 0)
+  texture1.center.set(0.5, 0)
+// 必须设置包裹模式为重复
+  texture1.wrapS = THREE.RepeatWrapping;
+  texture1.wrapT = THREE.RepeatWrapping;
+
+  texture2.wrapS = THREE.RepeatWrapping;
+  texture2.wrapT = THREE.RepeatWrapping;
+
+  const material1 = new THREE.MeshPhongMaterial({
+    // color: '#FF3549',
+    alphaMap: texture1, // 应用纹理
+    normalMap: texture2, // 应用纹理
+    // side: THREE.DoubleSide // 如果你的几何体有双面，确保这一面也被贴图
+    metalness: 0.6,
+    roughness: 0.8,
+    specular: 0x6d6d6d,
+    transparent: true,
+    needsUpdate: true,
+  });
+  material1.color.setHex(0xFF35499C, "srgb");
+
+  geometry1.scale(0.8, 1, 1)
+  // const material1 = new THREE.MeshBasicMaterial({ color: 0xff0000 });
+  // const mesh1 = new THREE.Mesh(geometry1, material1);
+
+  let mesh = new THREE.InstancedMesh(geometry1, material1, 160000);
+  mesh.instanceMatrix.setUsage(THREE.DynamicDrawUsage);
+  mesh.castShadow = true;
+  mesh.receiveShadow = true;
+
+  let dummy = new THREE.Object3D();
+
+
+  for (let i = 0; i < 400; i++) {
+    for (let j = 0; j < 400; j++) {
+      dummy.position.set(i * 0.1, 0, j * 0.2);
+      dummy.updateMatrix();
+      mesh.setMatrixAt(i*400 + j, dummy.matrix);
+    }
+  }
+
+  scene.add(mesh);
+}
+
+function resetUVs(geometry) {
+  if (geometry == undefined) return;
+  var pos = geometry.getAttribute("position"),
+    nor = geometry.getAttribute("normal"),
+    uvs = geometry.getAttribute("uv");
+
+  for (var i = 0; i < pos.count; i++) {
+    var x = 0,
+      y = 0;
+
+    var nx = Math.abs(nor.getX(i)),
+      ny = Math.abs(nor.getY(i)),
+      nz = Math.abs(nor.getZ(i));
+
+    // if facing X
+    if (nx >= ny && nx >= nz) {
+      x = pos.getZ(i);
+      y = pos.getY(i);
+    }
+
+    // if facing Y
+    if (ny >= nx && ny >= nz) {
+      x = pos.getX(i);
+      y = pos.getZ(i);
+    }
+
+    // if facing Z
+    if (nz >= nx && nz >= ny) {
+      x = pos.getX(i);
+      y = pos.getY(i);
+    }
+
+    uvs.setXY(i, x, y);
+  }
 }
 
 function initThree() {
diff --git a/src/editor/menus/Model3DView.ts b/src/editor/menus/Model3DView.ts
index 7896b5a..e943900 100644
--- a/src/editor/menus/Model3DView.ts
+++ b/src/editor/menus/Model3DView.ts
@@ -15,7 +15,7 @@ export default defineMenu((menus) => {
           system.showDialog(Model3DView, {
             title: '模型查看器',
             width: 950,
-            height: 400,
+            height: 950,
             showClose: true,
             showMax: true,
             showCancelButton: false,
diff --git a/src/modules/rack/RackRenderer.ts b/src/modules/rack/RackRenderer.ts
index 4698559..5c67106 100644
--- a/src/modules/rack/RackRenderer.ts
+++ b/src/modules/rack/RackRenderer.ts
@@ -5,6 +5,8 @@ import { LineGeometry } from 'three/examples/jsm/lines/LineGeometry.js'
 import { LineMaterial } from 'three/examples/jsm/lines/LineMaterial.js'
 import { decimalSumBy } from '@/core/ModelUtils'
 import Constract from '@/core/Constract.ts'
+import Plastic_Rough_JPG from '@/assets/Models/Plastic_Rough.jpg'
+import {BufferGeometry} from "three";
 
 /**
  * 货架货位渲染器
@@ -137,4 +139,14 @@ export default class RackRenderer extends BaseRenderer {
   createPointBasic(item: ItemJson, option?: RendererCudOption): THREE.Object3D {
     throw new Error('Rack createPointBasic not allow!')
   }
+
+  rackVerticalBarWidth = 0.1
+  rackVerticalBarDepth = 0.08
+  rackVerticalBarColor = 0xFF35499C
+  rackVerticalBarGeometry: BufferGeometry = null
+
+  createVerticalBar(x, y, z, length) {
+
+  }
+
 }