feat: 优化3D可视化性能并更新文档

- 实现3D可视化性能优化（降低DPR、阴影贴图、简化光源） - 实现LOD多级细节系统，根据相机距离自动切换 - 添加设备弹出动画开关，默认关闭 - 修复设备缩放时位置偏移问题 - 更新README添加项目截图占位符 - 精简DEPLOYMENT.md文档，添加Gitee仓库支持 - 更新CHANGELOG.md记录v1.1.0版本
2026-01-26 17:21:20 +08:00
parent 6e57e0b74c
commit a0ad9ad604
44 changed files with 4212 additions and 5448 deletions
@@ -0,0 +1,48 @@
+import * as THREE from 'three';
+import { MATERIAL_CONFIGS, MATERIAL_TYPES } from './constants.js';
+
+export const createRackFrameMaterial = (options = {}) => {
+  const config = MATERIAL_CONFIGS[MATERIAL_TYPES.RACK_FRAME];
+  return <meshStandardMaterial color={config.color} metalness={config.metalness} roughness={config.roughness} envMapIntensity={config.envMapIntensity} {...options} />;
+};
+
+export const createRailMaterial = (options = {}) => {
+  const config = MATERIAL_CONFIGS[MATERIAL_TYPES.RAIL];
+  return <meshStandardMaterial color={config.color} metalness={config.metalness} roughness={config.roughness} envMapIntensity={config.envMapIntensity} {...options} />;
+};
+
+export const createRailHoleMaterial = (options = {}) => {
+  const config = MATERIAL_CONFIGS[MATERIAL_TYPES.RAIL_HOLE];
+  return <meshBasicMaterial color={config.color} metalness={config.metalness} roughness={config.roughness} {...options} />;
+};
+
+export const createSidePanelMaterial = (options = {}) => {
+  const config = MATERIAL_CONFIGS[MATERIAL_TYPES.SIDE_PANEL];
+  return <meshStandardMaterial color={config.color} metalness={config.metalness} roughness={config.roughness} envMapIntensity={config.envMapIntensity} {...options} />;
+};
+
+export const createTopPlateMaterial = (options = {}) => {
+  const config = MATERIAL_CONFIGS[MATERIAL_TYPES.TOP_PLATE];
+  return <meshStandardMaterial color={config.color} metalness={config.metalness} roughness={config.roughness} envMapIntensity={config.envMapIntensity} {...options} />;
+};
+
+export const createBottomPlateMaterial = (options = {}) => {
+  const config = MATERIAL_CONFIGS[MATERIAL_TYPES.BOTTOM_PLATE];
+  return <meshStandardMaterial color={config.color} metalness={config.metalness} roughness={config.roughness} envMapIntensity={config.envMapIntensity} {...options} />;
+};
+
+export const createTextLabelMaterial = (color = '#ffffff') => {
+  return <meshBasicMaterial color={color} side={THREE.DoubleSide} />;
+};
+
+export const createUMarkMaterial = () => {
+  return <meshBasicMaterial color="#ffffff" side={THREE.DoubleSide} />;
+};
+
+export const createOutlineMaterial = (color = '#3b82f6', opacity = 0.8) => {
+  return <lineBasicMaterial color={color} transparent opacity={opacity} />;
+};
+
+export const createSelectionMaterial = (color = '#3b82f6', opacity = 0.3) => {
+  return <meshBasicMaterial color={color} transparent opacity={opacity} side={THREE.DoubleSide} />;
+};