OrbitControls改变相机位置.position
通过OrhitControl.旋转和缩放，本质上就是在改变透视投影桐机 PerspectiveCamera 的位置.position.
渲染循环中不停地打印相机的位置属性，你可以通过相机控件旋转或缩放三维场景，同时通过浏览...
yekong
2年前 (2023-01-21)
喜欢
GLTF格式简介 (Web3D领域JPG)
gltf格式的重要性
GLTF格式是新2015发布的三维模型格式，随着物联网、WebGL、5G的进一步发展，会有越来越多的互联网项目Web端引入3D元素，你可以把GLTF格式的三维模型理解为jpg、.png格式的图片一样，现在的网站，图...
yekong
2年前 (2023-01-17)
喜欢
三维建模软件作用
对于简单的立方体、球体等模型一你可以通过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)
喜欢
