EquirectangularReflectionMapping是Three.js中用于设置材质(Material)的反射映射方式之一。它用于将环境贴图(通常是Equirectangular环境贴图)应用于材质,从而实现环境反射效果。
环境贴图是一种特殊的纹理,它捕捉了场景中所有...
yekong
1年前 (2023-07-23)
喜欢
RGBELoader是Three.js中的一个实用类,用于加载高动态范围(HDR)环境贴图,它通常用于创建更逼真的光照和反射效果。HDR环境贴图以Radiance(.hdr)格式存储,能够表示更广泛的亮度范围,从而在渲染逼真场景时提供更准确的光源和反射效果。
参数和默认值:
m...
yekong
1年前 (2023-07-23)
喜欢
最近在学习hdr环境贴图渲染,但是渲染出来后的环境贴图模糊,边缘有像素块,看起来很不舒服,即便开启了antialias: true锯齿处理,仍然模糊,经过排查后发现不同的three版本渲染出来的效果是不一样的,低版本的threejs渲染出来的贴图有像素块。高版本的就没有像素块。
...
yekong
1年前 (2023-07-23)
喜欢
HDR(High Dynamic Range)格式文件是一种图像文件格式,用于存储高动态范围的图像数据。它被用于捕捉和显示比传统图像格式(如JPEG或PNG)更广泛范围的亮度和色彩信息。
传统图像格式通常使用8位(每个颜色通道有256个值)或16位(每个颜色通道有65536个值)...
yekong
1年前 (2023-07-23)
喜欢
new THREE.Euler(0, 0, 0) 是 Three.js 中创建欧拉角对象的方法,其参数为三个旋转角度(绕 x、y、z 轴的旋转角度)。这些角度用来描述物体在三维空间中的旋转姿态。
var euler = new THREE.Euler(x, y, z);
x:...
yekong
1年前 (2023-07-23)
喜欢
BoxGeometry 是 Three.js 中的一个基本几何体(Geometry),用于创建一个立方体或者长方体。
在 Three.js 中,要创建一个 BoxGeometry,可以使用以下代码:
// 创建一个 BoxGeometry
var width = 1; ...
yekong
1年前 (2023-07-23)
喜欢
THREE.DefaultLoadingManager是在使用Three.js库时负责处理加载资源的默认加载管理器。它有几个关键的事件,可以用于处理加载过程中的不同阶段。它提供了四个加载事件,分别是 onStart、onProgress、onLoad 和 onError,每个事件...
yekong
1年前 (2023-07-22)
喜欢
requestAnimationFrame 是一个浏览器提供的 JavaScript 方法,用于优化动画的性能。它会在浏览器下一次重绘之前调用指定的函数,从而使动画在刷新率(通常为每秒 60 次)下更加流畅。
在动画中使用 requestAnimationFrame 可以替代传统...
yekong
1年前 (2023-07-22)
喜欢
threejs 3d模型渲染后,我们需要在模型上面添加文字标注,这时候我们需要事先在模型给各个模型命名好,以便于前端开发时根据这个名称或者标识进行后续处理。
threejs模型的命名
我们可以通过blender来给模型调整命名。
前端在渲染的时候,就可以根据模型的名称在对应的模...
yekong
1年前 (2023-07-21)
喜欢
当在 Three.js 中渲染的 3D 模型颜色与建模时的预期颜色不一致时,通常有几个可能的原因:
材质设置不正确:模型在建模软件中使用了特定的材质和纹理,但在 Three.js 中使用了不同的材质,导致颜色不一致。确保在 Three.js 中使用与建模软件中相似或相同的材质...
yekong
1年前 (2023-07-21)
喜欢