最新发布 第165页

完竣世界-关注前端分享心得

threejs

THREE.Vector2 方法介绍

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

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

threejs

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) 喜欢

threejs

THREE.Vector3参数及作用

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

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

threejs

threejs渲染hdr环境贴图实例

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

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

js

axios插件介绍及使用

axios插件介绍及使用
Axios是一个基于Promise的现代HTTP客户端,用于在浏览器和Node.js中发送HTTP请求。它支持多种功能,例如拦截请求和响应、取消请求、自动转换JSON数据等。Axios插件是为了扩展Axios的功能而创建的,你可以使用插件来添加全局的请求拦截、响应拦截、错误处理等...

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

js

JSZip库的安装以及使用

JSZip库的安装以及使用
JSZip是一个JavaScript库,它允许你在浏览器中创建、读取和修改压缩文件(例如ZIP文件)。它提供了一种简单而强大的方式来处理压缩文件,让你可以在前端(客户端)进行压缩和解压缩操作,无需后端服务器的参与。 JSZip支持许多常见的压缩格式,包括ZIP、TAR、GZIP等...

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

threejs

threejs scene.background背景属性介绍

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

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

threejs

threejs RGBELoader环境贴图加载器介绍

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

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

threejs

threejs 环境贴图模糊解决办法

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

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