yuliang
/
yvan-rcs-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

CLX CL2

master
yuliang 6 months ago
parent
e796d131ac
commit
449910f24a
2 changed files with 139 additions and 20 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 48
      src/modules/cl2/Cl2Renderer.ts
  2. 111
      src/modules/clx/ClxRenderer.ts

48
src/modules/cl2/Cl2Renderer.ts
View File

@ -2,6 +2,8 @@ import * as THREE from 'three'
import BaseRenderer from '@/core/base/BaseRenderer.ts'
import Constract from '@/core/Constract.ts'
import { CSG } from 'three-csg-ts'
//@ts-ignore
import { mergeGeometries } from 'three/addons/utils/BufferGeometryUtils.js'
/**
* ptr侧叉渲染器
@ -70,7 +72,7 @@ export default class PtrRenderer extends BaseRenderer {
ptrPillarMesh.name = 'ptrPillarMesh'
const ptrForkGeometry = this.createPtrFork(item, option);
const ptrForkMaterial = new THREE.MeshPhongMaterial({color: 0xff111111});
const ptrForkMaterial = new THREE.MeshPhongMaterial({color: 0xff444444});
const ptrForkMesh = new THREE.Mesh(ptrForkGeometry, ptrForkMaterial);
ptrForkMesh.name = 'ptrForkMesh'
@ -220,7 +222,49 @@ export default class PtrRenderer extends BaseRenderer {
const geometry = new THREE.ExtrudeGeometry(shape, options)
// const material = new THREE.MeshBasicMaterial({color: 0xffdddbca});
// const mesh = new THREE.Mesh(geometry, material);
return geometry
const fd = 0.03
const shapeBf = new THREE.Shape();
shapeBf.moveTo(-0.728 + width - 0.08, -0.28);
shapeBf.lineTo(-0.728 + width + 0.02, -0.28);
shapeBf.lineTo(-0.728 + width + 0.02, -0.25);
shapeBf.lineTo(-0.728 + width + 0.02 + 1.130 - fd, -0.25);
shapeBf.lineTo(-0.728 + width + 0.02 + 1.130, -0.25 + fd);
shapeBf.lineTo(-0.728 + width + 0.02 + 1.130, -0.14 - fd);
shapeBf.lineTo(-0.728 + width + 0.02 + 1.130 - fd, -0.14);
shapeBf.lineTo(-0.728 + width + 0.02, -0.14);
shapeBf.lineTo(-0.728 + width + 0.02, 0.14);
shapeBf.lineTo(-0.728 + width + 0.02 + 1.130 - fd, 0.14);
shapeBf.lineTo(-0.728 + width + 0.02 + 1.130, 0.14 + fd);
shapeBf.lineTo(-0.728 + width + 0.02 + 1.130, 0.25 - fd);
shapeBf.lineTo(-0.728 + width + 0.02 + 1.130 - fd, 0.25);
shapeBf.lineTo(-0.728 + width + 0.02, 0.25);
shapeBf.lineTo(-0.728 + width + 0.02, 0.28);
shapeBf.lineTo(-0.728 + width - 0.08, 0.28);
shapeBf.closePath()
// 拉伸轨迹线
const curveBf = new THREE.CatmullRomCurve3(
[new THREE.Vector3(0, 0.02, 0), new THREE.Vector3(0, 0.06, 0)],
false, // 闭合曲线
'catmullrom',
0
)
// 挤出几何图形 参数
const optionsBf = {
steps: 1,
bevelSegments: 0.05,
bevelEnabled: true,
extrudePath: curveBf // 设置挤出轨迹
}
// 创建挤出几何体
const geometryBf = new THREE.ExtrudeGeometry(shapeBf, optionsBf)
return mergeGeometries([geometry, geometryBf])
}

111
src/modules/clx/ClxRenderer.ts
View File

@ -89,17 +89,18 @@ export default class ClxRenderer extends BaseRenderer {
const clxPillarMesh = new THREE.Mesh(clxPillarGeometry, clxPillarMaterial);
const clxForkGeometry = this.createClxFork(item, option);
const clxForkMaterial = new THREE.MeshPhongMaterial({color: 0xff111111});
const clxForkMaterial = new THREE.MeshPhongMaterial({color: 0xff444444});
const clxForkMesh = new THREE.Mesh(clxForkGeometry, clxForkMaterial);
const clxGemelGeometry =this.createClxGemel(item, option)
const clxGemelMaterial = new THREE.MeshPhongMaterial({color: 0xff888888});
const clxGemelMeshL1 = new THREE.Mesh(clxGemelGeometry, clxGemelMaterial);
const clxGemelMeshL2 = new THREE.Mesh(clxGemelGeometry, clxGemelMaterial);
const clxGemelMeshR1 = new THREE.Mesh(clxGemelGeometry, clxGemelMaterial);
const clxGemelMeshR2 = new THREE.Mesh(clxGemelGeometry, clxGemelMaterial);
const clxGemelGeometryL =this.createClxGemel(true)
const clxGemelGeometryR =this.createClxGemel(false)
const clxGemelMaterial = new THREE.MeshPhongMaterial({color: 0xff555555});
const clxGemelMeshL1 = new THREE.Mesh(clxGemelGeometryL, clxGemelMaterial);
const clxGemelMeshL2 = new THREE.Mesh(clxGemelGeometryL, clxGemelMaterial);
const clxGemelMeshR1 = new THREE.Mesh(clxGemelGeometryR, clxGemelMaterial);
const clxGemelMeshR2 = new THREE.Mesh(clxGemelGeometryR, clxGemelMaterial);
const d = 0.5
const d = 1.5
group.add(clxPedestalMesh)
const groupPillar = new THREE.Group()
@ -109,7 +110,7 @@ export default class ClxRenderer extends BaseRenderer {
const ac = Math.asin(d/2)
const ac = Math.asin(d/(2 * 0.8))
clxGemelMeshL1.position.z = 0.5 - d/4
@ -392,29 +393,89 @@ export default class ClxRenderer extends BaseRenderer {
}
// 创建clx的铰链
createClxGemel(item: ItemJson, option?: RendererCudOption) {
createClxGemel(isLeft: boolean = false) {
const width = 0.08
const depth = 1.1
const depth = 0.9
const dd = 0.02
const shape = new THREE.Shape();
shape.moveTo(-width/2, -depth/2);
shape.lineTo(width/2, -depth/2);
shape.lineTo(width/2, depth/2);
shape.lineTo(-width/2, depth/2);
shape.moveTo(-width/2, -depth/2 + dd);
shape.lineTo(-width/2 + dd, -depth/2);
shape.lineTo(width/2 - dd, -depth/2);
shape.lineTo(width/2, -depth/2 + dd);
shape.lineTo(width/2, depth/2 - dd);
shape.lineTo(width/2 - dd, depth/2);
shape.lineTo(-width/2 + dd, depth/2);
shape.lineTo(-width/2, depth/2 - dd);
shape.closePath()
const shapeBar = new THREE.Shape();
shapeBar.moveTo(0, 0); // 起点在圆心
shapeBar.absarc(0, 0, 0.02, 0, Math.PI * 2, false); // 从0到π绘制半圆
shapeBar.closePath()
const geometries: THREE.BufferGeometry[] = []
const curveL1 = new THREE.CatmullRomCurve3(
[new THREE.Vector3(-0.35, 0, 0), new THREE.Vector3(-0.30, 0, 0)],
[new THREE.Vector3(-0.35 + (isLeft ? 0.05 : 0), 0, 0), new THREE.Vector3(-0.30 + (isLeft ? 0.05 : 0), 0, 0)],
false, // 闭合曲线
'catmullrom',
0
)
const curveL2 = new THREE.CatmullRomCurve3(
[new THREE.Vector3(0.30, 0, 0), new THREE.Vector3(0.35, 0, 0)],
[new THREE.Vector3(-0.15 + (isLeft ? 0.05 : 0), 0, 0), new THREE.Vector3(-0.1 + (isLeft ? 0.05 : 0), 0, 0)],
false, // 闭合曲线
'catmullrom',
0
)
const curveL3 = new THREE.CatmullRomCurve3(
[new THREE.Vector3(0.15 - (isLeft ? 0.05 : 0), 0, 0), new THREE.Vector3(0.1 - (isLeft ? 0.05 : 0), 0, 0)],
false, // 闭合曲线
'catmullrom',
0
)
const curveL4 = new THREE.CatmullRomCurve3(
[new THREE.Vector3(0.30 - (isLeft ? 0.05 : 0), 0, 0), new THREE.Vector3(0.35 - (isLeft ? 0.05 : 0), 0, 0)],
false, // 闭合曲线
'catmullrom',
0
)
if (!isLeft) {
const curveBar1 = new THREE.CatmullRomCurve3(
[new THREE.Vector3(-0.36, -0.4, 0), new THREE.Vector3(0.36, -0.4, 0)],
false, // 闭合曲线
'catmullrom',
0
)
const curveBar2 = new THREE.CatmullRomCurve3(
[new THREE.Vector3(-0.36, 0, 0), new THREE.Vector3(0.36, 0, 0)],
false, // 闭合曲线
'catmullrom',
0
)
const curveBar3 = new THREE.CatmullRomCurve3(
[new THREE.Vector3(-0.36, 0.4, 0), new THREE.Vector3(0.36, 0.4, 0)],
false, // 闭合曲线
'catmullrom',
0
)
geometries.push(new THREE.ExtrudeGeometry(shapeBar, {
steps: 1,
bevelEnabled: false,
extrudePath: curveBar1
}))
geometries.push(new THREE.ExtrudeGeometry(shapeBar, {
steps: 1,
bevelEnabled: false,
extrudePath: curveBar2
}))
geometries.push(new THREE.ExtrudeGeometry(shapeBar, {
steps: 1,
bevelEnabled: false,
extrudePath: curveBar3
}))
}
const geometryL1 = new THREE.ExtrudeGeometry(shape, {
steps: 1,
bevelEnabled: false,
@ -427,7 +488,21 @@ export default class ClxRenderer extends BaseRenderer {
extrudePath: curveL2
});
return mergeGeometries([geometryL1, geometryL2])
const geometryL3 = new THREE.ExtrudeGeometry(shape, {
steps: 1,
bevelEnabled: false,
extrudePath: curveL3
});
const geometryL4 = new THREE.ExtrudeGeometry(shape, {
steps: 1,
bevelEnabled: false,
extrudePath: curveL4
});
geometries.push(geometryL1, geometryL2, geometryL3, geometryL4)
return mergeGeometries(geometries)
}
}

Write Preview
Loading…
Cancel
Save