orbitControls.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. // src/utils/three/controls/orbitControls.js
  2. import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
  3. /**
  4. * 设置轨道控制器
  5. * @param {THREE.Camera} camera - 相机实例
  6. * @param {HTMLElement} domElement - 渲染器的DOM元素
  7. * @param {Object} [config={}] - 控制器配置
  8. * @returns {OrbitControls} 轨道控制器实例
  9. */
  10. export const setupControls = (camera, domElement, config = {}) => {
  11. const controls = new OrbitControls(camera, domElement);
  12. // 默认配置
  13. const defaultConfig = {
  14. enableDamping: true,
  15. dampingFactor: 0.05,
  16. minDistance: 1,
  17. maxDistance: 100,
  18. maxPolarAngle: Math.PI,
  19. minPolarAngle: 0,
  20. enablePan: true,
  21. enableZoom: true,
  22. enableRotate: true
  23. };
  24. // 合并配置
  25. const mergedConfig = { ...defaultConfig, ...config };
  26. // 应用配置
  27. Object.keys(mergedConfig).forEach(key => {
  28. if (controls[key] !== undefined) {
  29. controls[key] = mergedConfig[key];
  30. }
  31. });
  32. // 禁用右键菜单
  33. domElement.addEventListener('contextmenu', (e) => e.preventDefault());
  34. return controls;
  35. };
  36. /**
  37. * 更新控制器配置
  38. * @param {OrbitControls} controls - 轨道控制器实例
  39. * @param {Object} config - 新配置
  40. */
  41. export const updateControls = (controls, config) => {
  42. if (!controls) return;
  43. Object.keys(config).forEach(key => {
  44. if (controls[key] !== undefined) {
  45. controls[key] = config[key];
  46. }
  47. });
  48. };
  49. /**
  50. * 销毁控制器
  51. * @param {OrbitControls} controls - 轨道控制器实例
  52. */
  53. export const disposeControls = (controls) => {
  54. if (controls) {
  55. controls.dispose();
  56. }
  57. };
  58. // 统一导出
  59. export default {
  60. setupControls,
  61. updateControls,
  62. disposeControls
  63. };