标签:知识库

threejs

THREE.PerspectiveCamera 透视相机介绍

THREE.PerspectiveCamera 透视相机介绍
THREE.PerspectiveCamera 是 Three.js 中用于创建透视投影相机的类。透视投影相机是一种模拟人眼视角的相机,可以在 Three.js 场景中创建逼真的透视效果。 透视相机根据物体与相机的距离来确定其在画布上的大小和位置,越远的物体会显得越小,越近的物体...

yekong 1年前 (2023-07-24) 931℃ 0喜欢

threejs

THREE.Scene 介绍

THREE.Scene 介绍
THREE.Scene 是 Three.js 库中的一个关键类,用于表示一个场景(或者说是一个 3D 空间)。它是 Three.js 中构建和管理三维场景的基础组件之一。 在 Three.js 中,一个场景(Scene)可以包含多个物体(Object3D),比如模型、灯光、相机等...

yekong 1年前 (2023-07-24) 698℃ 0喜欢

threejs

threejs RGBELoader环境贴图加载器介绍

threejs RGBELoader环境贴图加载器介绍
RGBELoader是Three.js中的一个实用类,用于加载高动态范围(HDR)环境贴图,它通常用于创建更逼真的光照和反射效果。HDR环境贴图以Radiance(.hdr)格式存储,能够表示更广泛的亮度范围,从而在渲染逼真场景时提供更准确的光源和反射效果。 参数和默认值: m...

yekong 1年前 (2023-07-23) 900℃ 0喜欢

threejs

threejs 环境贴图模糊解决办法

threejs 环境贴图模糊解决办法
最近在学习hdr环境贴图渲染,但是渲染出来后的环境贴图模糊,边缘有像素块,看起来很不舒服,即便开启了antialias: true锯齿处理,仍然模糊,经过排查后发现不同的three版本渲染出来的效果是不一样的,低版本的threejs渲染出来的贴图有像素块。高版本的就没有像素块。 ...

yekong 1年前 (2023-07-23) 818℃ 0喜欢

threejs

hdr格式文件是做什么用的

hdr格式文件是做什么用的
HDR(High Dynamic Range)格式文件是一种图像文件格式,用于存储高动态范围的图像数据。它被用于捕捉和显示比传统图像格式(如JPEG或PNG)更广泛范围的亮度和色彩信息。 传统图像格式通常使用8位(每个颜色通道有256个值)或16位(每个颜色通道有65536个值)...

yekong 1年前 (2023-07-23) 702℃ 0喜欢

threejs

THREE.Euler方法使用实例

THREE.Euler方法使用实例
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) 680℃ 0喜欢

threejs

threejs BoxGeometry 参数及使用

threejs BoxGeometry 参数及使用
BoxGeometry 是 Three.js 中的一个基本几何体(Geometry),用于创建一个立方体或者长方体。 在 Three.js 中,要创建一个 BoxGeometry,可以使用以下代码: // 创建一个 BoxGeometry var width = 1; ...

yekong 1年前 (2023-07-23) 680℃ 0喜欢

threejs

threejs DefaultLoadingManager 加载事件有哪些?

threejs DefaultLoadingManager 加载事件有哪些?
THREE.DefaultLoadingManager是在使用Three.js库时负责处理加载资源的默认加载管理器。它有几个关键的事件,可以用于处理加载过程中的不同阶段。它提供了四个加载事件,分别是 onStart、onProgress、onLoad 和 onError,每个事件...

yekong 1年前 (2023-07-22) 584℃ 0喜欢

threejs

three项目中requestAnimationFrame的作用

three项目中requestAnimationFrame的作用
requestAnimationFrame 是一个浏览器提供的 JavaScript 方法,用于优化动画的性能。它会在浏览器下一次重绘之前调用指定的函数,从而使动画在刷新率(通常为每秒 60 次)下更加流畅。 在动画中使用 requestAnimationFrame 可以替代传统...

yekong 1年前 (2023-07-22) 611℃ 0喜欢

threejs

CSS2DRenderer和CSS3DRenderer的区别

CSS2DRenderer和CSS3DRenderer的区别
CSS2DRenderer 和 CSS3DRenderer 都是 Three.js 中用于在 Three.js 场景中渲染 HTML 元素的渲染器,它们都可以将 HTML 元素作为 2D 或 3D 的精灵(Sprite)在 Three.js 场景中进行渲染,实现与场景中的 3D ...

yekong 1年前 (2023-07-21) 497℃ 0喜欢