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)
喜欢
微信公众号开发需要绑定域名,登录公众号后台找到公众号设置-功能设置进行域名配置。用于授权获取code.
...
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)
喜欢