在通过Three.js实现一个基础渲染代码中，我对代码做了调整，让其可以随着div窗口大小进行适配调整。
安装依赖
pnpm i three 版本选择
"three": "^0.154.0", 实例演示地址
threejs 渲染非全屏(相机和渲染器)自定义画布大小
手动指... 3年前 (2023-08-04) 喜欢
threejs 项目从123升级版本到154后报错
THREE.ExtrudeBufferGeometry is not a constructor 根据在github查看到的消息，方法从THREE.ExtrudeBufferGeometry 改名为了THREE.Extrude... 3年前 (2023-07-27) 喜欢
数据可视化大屏 开发过程中，有一个装饰图片，想着增加点3d效果，于是使用threejs渲染出来了，但是渲染出来后，发现旋转的图片会出现闪烁的情况。
解决前 解决后 使用的方法是：禁用深度写入
在Three.js中，如果你看到旋转的对象出现闪烁，这可能是由于深度排序或深度测试... 3年前 (2023-07-26) 喜欢
在 Three.js 中，平行光（THREE.DirectionalLight）是一种模拟太阳光的光源类型。它是一种平行于特定方向的光源，类似于太阳光，在整个场景中产生平行的光线。平行光可以产生阴影，并且会对场景中的物体进行照明，是创建逼真场景的重要光源之一。
平行光有以下特点：... 3年前 (2023-07-24) 喜欢
在 Three.js 中，环境光（THREE.AmbientLight）是一种基本的光源类型，用于模拟场景中的环境光照明效果。环境光是一种均匀的光源，它不产生阴影，并且会均匀地照亮场景中的所有物体，为场景提供整体的照明效果。
环境光没有特定的方向，它的光线来自所有方向，类似于天空... 3年前 (2023-07-24) 喜欢
web3d项目开发中，往往会因为3d模型文件过大而出现加载速度过慢的问题，
glb格式的文件要比gltf文件小一些，这里我们可以将gltf格式的3d模型转为glb格式文件，再进行zip压缩处理，前端请求zip再对zip进行解压渲染处理。
可以让建模师帮忙导出为glb格式文件也可以... 3年前 (2023-07-21) 喜欢
gltf模型加载器 GLTFLoader.js
相机参数根据需要设置
加载gltf的时候，webgl渲染器编码方式设置 引入 GLTFLoader.js
在threejs官方文件的examples/jsm/子文件loaders/目录下，可以找到一个文件
GLTFLoader.... 3年前 (2023-07-21) 喜欢
CSS3D不面向摄像机，场景缩放时，缩小放大跟随着，不被模型遮挡，通过DOM事件点击
CSS3DRenderer用于通过CSS3的transform属性， 将层级的3D变换应用到DOM元素上。 如果你希望不借助基于canvas的渲染来在你的网站上应用3D变换，那么这一渲染器十分有... 3年前 (2023-07-21) 喜欢
CSS3DSprite精灵模型面向摄像机，场景缩放时，缩小放大跟随着，会被模型遮挡，可以被射线拾取。
CSS3DRenderer用于通过CSS3的transform属性， 将层级的3D变换应用到DOM元素上。 如果你希望不借助基于canvas的渲染来在你的网站上应用3D变换，那么... 3年前 (2023-07-21) 喜欢
CSS2D面向摄像机，场景缩放时，缩小放大都一样大，不被模型遮挡，通过DOM事件点击
在模型中添加CSS2DRenderer标注，在之前的项目中也遇到了一个这样的需求，自己研究了好长时间也没搞出来，最后购买了教程跟着教程走了一遍才理解了实现方法。
使用的threejs版本号0.1... 3年前 (2023-07-21) 喜欢
