threejs项目开发过程中,发现模型在加载了环境贴图后和没有加载环境贴图模型有明显的差异。所有查询了一下环境贴图在项目中起了什么作用。
未加载环境贴图hdr前
加载环境贴图hdr后
加载HDR (High Dynamic Range) 图像并将其设置为场景环境贴图主要有以下...
yekong
3个月前 (08-24)
喜欢
three.js中的Box3是一个用于表示3D空间中的轴对齐包围盒(Axis-Aligned Bounding Box, AABB)的类。它主要用于表示物体在世界坐标中的边界框,方便开发者判断物体与物体、物体与平面、物体与点之间的空间关系,如相交、包含等。Box3的使用可以提高...
yekong
8个月前 (04-07)
喜欢
在Three.js中,preserveDrawingBuffer是一个配置选项,用于指定是否保留绘图缓冲区直到它被手动清除或覆盖。这个选项在创建THREE.WebGLRenderer时作为参数传入。默认情况下,preserveDrawingBuffer的值是false,这意味着每...
yekong
8个月前 (04-07)
喜欢
在Three.js中,Vector3的点乘(Dot)是一种向量运算,用于计算两个三维向量的点积。其计算公式与Unity3D中的Vector3.Dot相同,对于向量 V1 = (x1, y1, z1) ,向量 V2 = (x2, y2, z2),向量A点乘向量 B的计算公式为: V...
yekong
11个月前 (12-31)
喜欢
如果整个3D模型用一个长方体空间来表示,在三维空间xyz三个方向,都分割一次,这样就可以得到8个小的长方体子空间。
一个3D模型的三角形(项点)分布在三维空间中,如果你用一个长方体来表示整个3d场景,当你分割为8个子空间的时候,每个子空间可以包含对应的三角形(顶点)数据。
每个...
yekong
11个月前 (12-28)
喜欢
Draco 是一个开源库,它的主要目的是为了压缩和解压缩三维(3D)几何图形。随着虚拟现实(VR)和增强现实(AR)的兴起,3D 内容变得越来越普遍,因此有一个有效的方式来传输和加载这些内容就变得尤为重要。
以下是 Draco 的一些主要特点和介绍:
高效的压缩技巧:Drac...
yekong
1年前 (2023-09-11)
喜欢
THREE.FileLoader是Three.js库中的一个类,用于通过HTTP协议异步加载文件。它可以用于加载各种类型的文件,如文本、JSON、XML等。
参数
THREE.FileLoader的构造函数可以接受一个loadingManager参数。loadingManager...
yekong
1年前 (2023-08-10)
喜欢
THREE.LineBasicMaterial 是 Three.js 中用于渲染线段的基本材质类型。它支持简单的颜色和透明度设置,但不支持更复杂的效果,如纹理或光照。
参数
以下是 THREE.LineBasicMaterial 的主要参数:
color: (类型: THREE...
yekong
1年前 (2023-08-09)
喜欢
THREE.LineLoop 是 Three.js 中的一个类,用于表示闭合的线条。与 THREE.Line 类似,但在首尾顶点之间添加了一个额外的线段,使线条闭合。
参数
与 THREE.Line 类似,THREE.LineLoop 的构造函数接受以下参数:
geometry...
yekong
1年前 (2023-08-09)
喜欢
THREE.Line 和 THREE.LineLoop 都用于在 Three.js 中渲染线条,但它们之间有一些关键区别。
相同点
几何体和材质: 两者都使用几何体(例如 THREE.BufferGeometry 或 THREE.Geometry)和材质(例如 THREE.L...
yekong
1年前 (2023-08-09)
喜欢