threejs

减少渲染次数 使用LOD：给复杂的模型创建不同的细节级别，通过相机跟物体的距离判断使用哪个细节等级的模型 合并多个网格：多个静态对象合并成一个减少绘制调用 优化材质/纹理 压缩纹理：减少内存占用跟加载

对与web端而已，可以用到的浏览器性能是有限的，所以这里我们探讨下对于web端3D场景我们有哪些方法来提升提升性能。 通过减少模型/物体的三角面来节省webgl的渲染性能（面越多越精细，合理控制面数，

最近在学习threejs中向量知识，这里做个回顾 获取方向向量 在数学中我们获取方向向量，假设有a，b两点，要获取a到b点的方向向量，那么我们的数学公式就会是b-a;同样的道理在threejs中也是遵

在项目中我们通常都会走模型或者美术手中拿到我们需要的模型资源，拿到的时候我们会发现有些模型上面的坐标系参数明显跟我们再web页面中使用的对不上，这是怎么回事呢？ 坐标系区别 这里我们就得说说再web中

首先我们说下数学公式中弧度跟度数互转 度数跟弧度的转换 threejs 中弧度跟角度的转换 threejs 中的弧度跟角度的转换也是利用到数据公式，但我们需要记得的一点是在threejs中圆是以弧度来

controls 控制器类 orbitControls 轨道控制器案例(相机围绕指定轨道控制，围绕target焦点) --- controls/orbit Material (/məˈtɪəriəl/

为了优化模型大小有一种方案就是对模型进行draco压缩，那么在threejs中我们如何对压缩过后的gltf/glb模型进行加载呢？ 首先的想到的就是theejs有没draco相关解压库，文档一查哦豁果

本文用于学习threejs所记录，如有错误敬请指正。 在threejs中我们常使用着色器来修改材质，如果在某些情况下我们不想完全重新自定义shader着色器，而是基于threejs提供的封装好的材质方

着色器材质内置变量 gl_PointSize 类型 【float】 gl_PointSize 在渲染模式中，顶点是一个点，我们其实是看不到的，所以他的表现方式位正方形面的表现。 gl_PointSiz

俗话的好工欲善其事，必先利其器，有一个好的工具可以让项目开发更为高效。 这里说下常配合threejs使用的物理引擎库[cannon-es](GitHub - pmndrs/cannon-es：💣一个用

本文为记录学习threejs阴影学习。 在threejs产生阴影得满足哪些条件呢？ 首先材质需要满足对光照必须有反应。 渲染器得开启阴影计算, renderer.shadowMap.enabled =

当我们在threeJS 中创建了大量资源时候，且不断更换的时候如果我们没用及时将不需要的用物体清理掉就会造成程序的内存泄露，那我么应该怎样及时销毁提升网页性能呢？ 例如我们不断在renderer时候创

我们在加载很多纹理的时候想知道纹理加载进度该怎么做呢？ 单张纹理图加载进度 多张纹理加载进度，可以使用loadingManager加载管理器来管理