Three.js的版本154中没有PlaneBufferGeometry类。
在版本154中,你可能需要使用PlaneGeometry代替。你可以尝试如下代码:
import * as THREE from 'three';
const geometry = new THREE...
yekong
1年前 (2023-08-21)
喜欢
在通过Three.js实现一个基础渲染代码中,我对代码做了调整,让其可以随着div窗口大小进行适配调整。
安装依赖
pnpm i three
版本选择
"three": "^0.154.0",
实例演示地址
threejs 渲染非全屏(相机和渲染器)自定义画布大小
手动指...
yekong
1年前 (2023-08-04)
喜欢
Three.js 是一个用于创建 3D 图形的 JavaScript 库,它提供了各种几何形状的构造函数,包括 CylinderGeometry(圆柱体几何体)。CylinderGeometry 类可以用来创建一个圆柱体的几何模型。
下面是 CylinderGeometry 的构...
yekong
1年前 (2023-08-04)
喜欢
threejs 项目从123升级版本到154后报错
THREE.ExtrudeBufferGeometry is not a constructor
根据在github查看到的消息,方法从THREE.ExtrudeBufferGeometry 改名为了THREE.Extrude...
yekong
1年前 (2023-07-27)
喜欢
数据可视化大屏 开发过程中,有一个装饰图片,想着增加点3d效果,于是使用threejs渲染出来了,但是渲染出来后,发现旋转的图片会出现闪烁的情况。
解决前
解决后
使用的方法是:禁用深度写入
在Three.js中,如果你看到旋转的对象出现闪烁,这可能是由于深度排序或深度测试...
yekong
1年前 (2023-07-26)
喜欢
THREE.PointsMaterial 是一个用于THREE.Points对象的材质,主要用于渲染粒子系统或单独的点。当你将PointsMaterial应用到一个几何体上时,每一个顶点都会被渲染为一个单独的点。
属性
color: 颜色对象,决定了点的颜色,默认是白色。
...
yekong
1年前 (2023-07-25)
喜欢
在 Three.js 中,平行光(THREE.DirectionalLight)是一种模拟太阳光的光源类型。它是一种平行于特定方向的光源,类似于太阳光,在整个场景中产生平行的光线。平行光可以产生阴影,并且会对场景中的物体进行照明,是创建逼真场景的重要光源之一。
平行光有以下特点:...
yekong
1年前 (2023-07-24)
喜欢
在 Three.js 中,环境光(THREE.AmbientLight)是一种基本的光源类型,用于模拟场景中的环境光照明效果。环境光是一种均匀的光源,它不产生阴影,并且会均匀地照亮场景中的所有物体,为场景提供整体的照明效果。
环境光没有特定的方向,它的光线来自所有方向,类似于天空...
yekong
1年前 (2023-07-24)
喜欢
web3d项目开发中,往往会因为3d模型文件过大而出现加载速度过慢的问题,
glb格式的文件要比gltf文件小一些,这里我们可以将gltf格式的3d模型转为glb格式文件,再进行zip压缩处理,前端请求zip再对zip进行解压渲染处理。
可以让建模师帮忙导出为glb格式文件也可以...
yekong
1年前 (2023-07-21)
喜欢
gltf模型加载器 GLTFLoader.js
相机参数根据需要设置
加载gltf的时候,webgl渲染器编码方式设置
引入 GLTFLoader.js
在threejs官方文件的examples/jsm/子文件loaders/目录下,可以找到一个文件
GLTFLoader....
yekong
1年前 (2023-07-21)
喜欢