THREE.Vector3 和 THREE.Vector2 都是 Three.js 中用于表示向量或点的类，但它们有一些异同点。
异同点：
维度：
THREE.Vector3 表示三维向量或点，由 x、y 和 z 三个分量组成，分别代表在三维空间中的 x、y 和 z 坐标。...
2年前 (2023-07-24)
喜欢
THREE.Vector3 是 Three.js 中的一个重要类，用于表示三维空间中的一个点或向量。它是 Three.js 中用于处理三维空间几何运算和计算的基础类之一。
参数
THREE.Vector3 是 Three.js 中表示三维向量或点的类，它有以下构造函数：
cons...
2年前 (2023-07-24)
喜欢
最近在学习threejs渲染时，发现threejs可以渲染hdr文件，之前不清楚hdr这种文件是做什么的，于是查询了一番，原来是环境贴图。于是也学一下threejs如何渲染环境贴图。
效果截图
渲染动画
引入依赖
// threejs
import * as THREE fr...
2年前 (2023-07-24)
喜欢
在Three.js中，scene.background是用于设置场景（THREE.Scene）背景的属性。它定义了场景的背景颜色或者背景贴图（环境贴图），用于填充场景的可视区域。
scene.background可以接受以下几种值：
颜色值：可以使用十六进制值、RGB值或CSS...
2年前 (2023-07-23)
喜欢
EquirectangularReflectionMapping是Three.js中用于设置材质（Material）的反射映射方式之一。它用于将环境贴图（通常是Equirectangular环境贴图）应用于材质，从而实现环境反射效果。
环境贴图是一种特殊的纹理，它捕捉了场景中所有...
2年前 (2023-07-23)
喜欢
RGBELoader是Three.js中的一个实用类，用于加载高动态范围（HDR）环境贴图，它通常用于创建更逼真的光照和反射效果。HDR环境贴图以Radiance（.hdr）格式存储，能够表示更广泛的亮度范围，从而在渲染逼真场景时提供更准确的光源和反射效果。
参数和默认值：
m...
2年前 (2023-07-23)
喜欢
最近在学习hdr环境贴图渲染，但是渲染出来后的环境贴图模糊，边缘有像素块，看起来很不舒服，即便开启了antialias: true锯齿处理，仍然模糊，经过排查后发现不同的three版本渲染出来的效果是不一样的，低版本的threejs渲染出来的贴图有像素块。高版本的就没有像素块。
...
2年前 (2023-07-23)
喜欢
HDR（High Dynamic Range）格式文件是一种图像文件格式，用于存储高动态范围的图像数据。它被用于捕捉和显示比传统图像格式（如JPEG或PNG）更广泛范围的亮度和色彩信息。
传统图像格式通常使用8位（每个颜色通道有256个值）或16位（每个颜色通道有65536个值）...
2年前 (2023-07-23)
喜欢
new THREE.Euler(0, 0, 0) 是 Three.js 中创建欧拉角对象的方法，其参数为三个旋转角度（绕 x、y、z 轴的旋转角度）。这些角度用来描述物体在三维空间中的旋转姿态。
var euler = new THREE.Euler(x, y, z);
x：...
2年前 (2023-07-23)
喜欢
BoxGeometry 是 Three.js 中的一个基本几何体（Geometry），用于创建一个立方体或者长方体。
在 Three.js 中，要创建一个 BoxGeometry，可以使用以下代码：
// 创建一个 BoxGeometry
var width = 1; ...
2年前 (2023-07-23)
喜欢
