1、导入轨道控制器

// 导入轨道控制器
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";

2、创建控制器

// 创建轨道控制器
const controls = new OrbitControls(camera, renderer.domElement);

3、看效果，此时可以通过鼠标进行拖拽、放大缩小等

4、设置带阻尼的惯性和惯性系数

其实就是可以让拖拽或者放大缩小的行为不那么生硬，可以使其慢慢停止下来

看效果 ，用鼠标拖动并松开鼠标时，会慢慢停止，而不是立马停止

// 设置带阻尼的惯性
controls.enableDamping = true;
// 设置阻尼系数，系数越大，停的越快
controls.dampingFactor = 0.01;
5、设置自动旋转
 
效果，可以自动旋转，也可拖拽
 
当然更多属性，可以见文档自行查看 three.js中文文档 
				
使用控制器（controls）。创建main01.js，复制main.js的内容。1.在最开始导入轨道控制器：
2.创建轨道控制器：
OrbitControls( object : Camera, domElement : HTMLDOMElement )​			object: （必须）将要被控制的相机。该相机不允许是其他任何对象的子级，除非该对象是场景自身。
由于浏览器是不断刷新的，我们应该手动反复渲染，因此调用如下函数，并使用方法**requestAnimationFrame()**请求动画帧：
import * as ThreeControls from 'three-controls'
let orbit = new ThreeControls . OrbitControls ( camera , domElement )
function render ( ) {
  orbit . update ( )
  renderer . render ( scene , camera )
  requestAnimationFrame ( render )
 或者你可以这样使用
import { OrbitControls } from 'three-controls'
let orbit = new OrbitControls ( camera , domEl
1、右手坐标系
Threejs使用的是右手坐标系，这源于opengl默认情况下，也是右手坐标系。下面是右手坐标系的图例，如果对这个概念不理解，可以百度一下，我保证你伸出手比划的那一瞬间你就明白了，如果不明白请给作者留言，我会尽快补上关于坐标系的知识。
图中右边那个手对应的坐标系，就是右手坐标系。在Threejs中，坐标和右边的坐标完全一样。x轴正方向向右，y轴正方向向上，z轴由屏幕从里向外。...
				
three.js是一个JavaScript库，用于创建交互式的三维图形和WebGL应用。当在三维空间中工作时，尤其是对于复杂的场景和模型定位，理解每个物体的角点坐标是非常重要的。角点坐标辅助提示通常是指在开发过程中添加一种视觉辅助工具，比如通过调试模式在网格上显示每个几何体的顶点、边缘和角点的位置。
在three.js中，你可以使用`THREE.GeometryUtils`中的函数来获取几何体的角点信息，然后用`Object3D`的`position`属性将其显示在合适的位置，比如作为`PositionalTextHelper`或者自定义的UI元素。为了实时更新这个提示，你需要将它关联到你的`Mesh`对象，并随着对象位置的变化动态更新其内容。
设置角点辅助提示的基本步骤可能包括：
1. 创建一个`TextHelper`实例并指定要显示的信息。
```javascript
const textHelper = new THREE.TextHelper( geometry, { position: new THREE.Vector3() });
2. 将`TextHelper`附加到你的`Mesh`上。
```javascript
mesh.add( textHelper );
3. 定期（如每一帧）更新文本位置，以反映角点变化。
```javascript
textHelper.update();
                解决vue3+ts+vite中启动报错No known conditions for “./lib/locale/lang/zh-cn“ entry in “element-plus“ package
                    我看了下element-plus的目录，lib目录下用的CommonJS模块导出“exports["default"] = zhCn”，这个导入只能用require()导入。es目录下用的ECMAScript模块导出“export { zhCn as default }”，这个导入就是用import导入。之前的版本估计lib下的就是ECMAScript模块，后面更新换成了CommonJS模块。
                在vscode中使用Typescript并运行
                    2301_78040889: 
                    爱他就嫁给他
                vue中预览pdf
                    suoh's Blog: 
                    让后端解决一下，或者自己在项目里面配
                vue中预览pdf
                    ~犇犇~: 
                    使用get请求后，有跨域问题怎么办