分类:threejs

threejs

threejs点光源PointLight介绍及使用

threejs点光源PointLight介绍及使用
在 Three.js 中,点光源(THREE.PointLight)是一种类似于灯泡的光源类型,它从特定点向所有方向发射光线,就像在场景中放置了一个光源。点光源会在所有方向上均匀地照亮场景中的物体,类似于在场景中添加了一个发光的球体。点光源可以产生阴影,并且会对场景中的物体进行局...

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

threejs聚光源SpotLight介绍及使用实例

threejs聚光源SpotLight介绍及使用实例
在 Three.js 中,聚光源(THREE.SpotLight)是一种类似于手电筒的光源类型,它向特定方向发射一个锥形光束,类似于聚焦的光照效果。聚光源是一种局部光源,它可以产生投影,并且会对场景中的物体进行局部聚焦照明,是创建逼真场景的重要光源之一。 聚光源特点 位置: ...

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

threejs 光源有哪些?

threejs 光源有哪些?
Three.js 提供了多种类型的光源,用于在场景中模拟不同类型的光照效果。以下是一些常见的 Three.js 光源类型: AmbientLight(环境光): 环境光是一种均匀的光源,它不产生阴影,并且在整个场景中对物体进行均匀的照明。通过 THREE.AmbientLig...

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

THREE.PerspectiveCamera 透视相机介绍

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

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

THREE.Scene 介绍

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

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

THREE.Vector2 方法介绍

THREE.Vector2 方法介绍
在 Three.js 中,THREE.Vector2 是用来表示二维向量或点的类,它用于处理二维空间中的几何计算和操作。THREE.Vector2 提供了许多方便的方法来进行向量运算、坐标变换以及其他几何操作。 以下是 THREE.Vector2 中常用的一些方法的介绍: 构...

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

THREE.Vector3与THREE.Vector2的相同和不同

THREE.Vector3与THREE.Vector2的相同和不同
THREE.Vector3 和 THREE.Vector2 都是 Three.js 中用于表示向量或点的类,但它们有一些异同点。 异同点: 维度: THREE.Vector3 表示三维向量或点,由 x、y 和 z 三个分量组成,分别代表在三维空间中的 x、y 和 z 坐标。...

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

THREE.Vector3参数及作用

THREE.Vector3参数及作用
THREE.Vector3 是 Three.js 中的一个重要类,用于表示三维空间中的一个点或向量。它是 Three.js 中用于处理三维空间几何运算和计算的基础类之一。 参数 THREE.Vector3 是 Three.js 中表示三维向量或点的类,它有以下构造函数: cons...

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

threejs渲染hdr环境贴图实例

threejs渲染hdr环境贴图实例
最近在学习threejs渲染时,发现threejs可以渲染hdr文件,之前不清楚hdr这种文件是做什么的,于是查询了一番,原来是环境贴图。于是也学一下threejs如何渲染环境贴图。 效果截图 渲染动画 引入依赖 // threejs import * as THREE fr...

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

threejs scene.background背景属性介绍

threejs scene.background背景属性介绍
在Three.js中,scene.background是用于设置场景(THREE.Scene)背景的属性。它定义了场景的背景颜色或者背景贴图(环境贴图),用于填充场景的可视区域。 scene.background可以接受以下几种值: 颜色值:可以使用十六进制值、RGB值或CSS...

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