三维建模软件作用
对于简单的立方体、球体等模型一你可以通过threejs的几何体相关API快速实现，不过复杂的模型，{如一辆轿车、一栋房子、一个仓库，一般需要通过3D建模软件来实现。
三维建模软件简介
Blender(轻量开源）
3damx
C4D
maya
特殊行业项目可能涉及...
yekong
2年前 (2023-01-17)
喜欢
纹理对象Texture的.offset 的功能是偏移贴图在Mesh上位置，本质上相当于修改了UV顶点坐标。
// 纹理U方向偏移
texture.offset.x += 0.5
// 纹理V方向偏移
texture.offset.y += 0.5
纹理对象.wrapS或.Wra...
yekong
2年前 (2023-01-17)
喜欢
threejs项目开发中，把一个背景透明的png 图像作为平面矩形网格模型Mesh的颜色贴图是一个非常有用的功能，通过这样一个功能，可以对threejs三维场景进行标注。
整体思路：创建一个矩形平面，设置颜色贴图map，注意选择背景透明的png 图像作为颜色贴图，同时材质设置 ...
yekong
2年前 (2023-01-17)
喜欢
通过圆形几何体CircleGeometry创建一个网格模型Mesh，把一张图片作为圆形Mesh材质的颜色贴图，这样就可以把一张方形图片剪裁這染为圆形效果。
CireleGeometry 的UV坐标会对颜色纹理贴图map进行提取，CircleGeometry的UV 坐标默认提取的...
yekong
2年前 (2023-01-17)
喜欢
要求
threejs 要求模型被选中后高亮并且显示名称，但是这里的模型是由多个网格模型组成的group，需要在选择做处理
演示地址
3d可视化案例 厂房
实现
将事先配置好的名称加入数组，遍历当前射线拾取的模型名称是否包含在实现配置的数组中，是的话则获取分组名称并遍历，将当前分...
yekong
2年前 (2023-01-17)
喜欢
通过改变几何体顶点坐标，可以改变模型自身相对坐标原点的位置。
var geometry = new THREE.BoxGeometry(100, 100);
geometry.translate(50/2, 0, 0)
...
yekong
2年前 (2023-01-16)
喜欢
1.改变子对象的position，子对象在3D空间中的坐标会发生改变。
2.改变父对象的position，子对象在3D空间中的位置也会跟着变化，也就是说父对象position和子对象position 叠加才是才是子对象的position.
任何一个模型的本地坐标（局部坐标）就是模...
yekong
2年前 (2023-01-16)
喜欢
递归遍历方法
递归遍历方法.traverse()
// 递归遍历model包含所有的模型节点
model.traverse(function (obj) {
console.log('所有模型节点的名称', obj.name)
})
查找某个具体的模型
查找某个具体的模...
yekong
2年前 (2023-01-16)
喜欢
Group层级模型（树结构）
下面代码创建了两个网格模型mesh1、 mesh2，通过 THREE. Group 类创建一个组对象
group，然后通过add方法把网格模型mesh1、 mesh2作为设置为组对象group的子对象，然后在通过执行 scene. add（group...
yekong
2年前 (2023-01-16)
喜欢
通过使用threejs的使用requestAnimationFrame渲染循环实现旋转动画。
function render() {
model.rotation.x += 0.01
renderer.render(scene, camera)
reque...
yekong
2年前 (2023-01-16)
喜欢
