前言

模型是一个引入模型，而且是非常多的不固定那种
引起原因，模型中心（模型原点）不是几何中心，要手动调整
只改变模型的position位置无法改变旋转中心问题

解决方案

算出模型的几何中心，算出模型相对模型原点的偏移
重点建立一个Group组，并对模型偏移

    ...
    let mesh = 模型
    let group = new THREE.Object3D();
    group.position.set(0, 0, 0); //世界原点坐标
    group.add(mesh);
    mesh.position.set(偏移X,偏移Y, 偏移Z);
    ...

image.png

旋转组

...
   mesh.rotateZ(0.01);
 ...

image.png

ps

以下是未进行偏移的模型

image.png
本质上是未改变模型旋转中心的，但是可以拉进一个组，对组内模型进行组原点旋转

threejs改变模型的旋转中心
前言模型是一个引入模型，而且是非常多的不固定那种引起原因，模型中心（模型原点）不是几何中心，要手动调整只改变...
基于threeJs的风机模型加载及旋转
想用threeJs实现3D效果，你需要三个条件：第一：像Blender一样不花钱的开源轻量级3D软件第二：你得...
经纬度坐标系转threejs空间直角坐标系
在利用threejs做一些例如城市模型等3D开发时，会发现threejs无法直接支持经纬度坐标，例如城市模型的某个...
关于一次数据渲染 WebGLRenderer renderBuf
关于threejs threejs是webgl的封装库，提供了方便用户调用调用的接口和函数，涉及几何模型生产，用户...
Threejs加载C4D导出的obj模型和mtl材质
C4D制作模型，并导出obj和mtl Threejs加载模型和材质效果
Cesium gltf模型姿态动态调整
Cesium 动态调整 gltf模型姿态：包含中心点、平移、旋转、缩放。效果代码
动效周期表学习笔记
NO.01 偏移旋转系：轨道 1、可以改变锚点位置，而不改变图形的中心点（位置） 2、旋转：time*90：...
three旋转的一些总结
1：ThreeJs旋转的时候是通过position，quaternion，scale对矩阵进行更新的，直接对矩阵的...
Threejs 在加载模型和材质遇到的坑
今天在使用 Vue 和 Threejs 结合的项目里遇到了一些坑，记录下来。模型加载 Threejs 在加载 o...
父母和支点
默认 1 .元素默认是围绕自身本地原点进行缩放和旋转的2 .可以通过使用父元素或者变换节点来改变中心来设置旋转中心...