Mchanges

项目用用到其他部分的网页地址，用iframe 嵌入到我们的3D页面中，出现了这个错误。 查了一下是因为浏览器在读取本地缓存数据时候的出错。 解决方法： 我的解决方法是在 url 地址后面加一个参数，让

让物体从上到下消失的shader处理。使用 threejs material中的onBeforeCompile方法，在编译前修改shader。

canvas保存成File canvas有两个方法 .toBlob() 和 .toDataURL() 可以使用。 canvas.toBlob() canvas 转换成 File 的步骤是 canvas

问题： 3D场景中的物体都被拉伸？ 调整相机的宽高比例：调整相机的宽高比例，使其与canvas的宽高比例匹配。设置相机的aspect属性，将其设置为canvas的宽高比例。

threejs 第一人称视角，指针锁定控制器PointerLockControls的使用 官方Demo 官方的使用例子 three.js - pointerlock controls 官方文档 Poi

threejs官方例子里面有几个第一人称的Demo three.js webgl - geometry - minecraft three.js - misc - octree collisions

GLSL 实现一个菲涅尔效果。效果图如下： 代码实现 实现逻辑 先说几个名词：单位向量、法线、点积。不清楚的可以先了解下这个名词。 思路： 计算当前摄像机位置的单位向量。 计算当前像素点的法向量的单位

参考资料 修正postprocessing导致的颜色空间问题 问题 在项目中使用 OutlinePass 时候，发现场景变暗。 问题点 linear颜色空间 和 sRGB颜色空间的问题。 解决办法 使

CSS盒模型 CSS盒模型（Box Model）是CSS中用于描述和布局元素的一种概念。它将每个HTML元素看作一个矩形的盒子，这个盒子由内容（content）、内边距（padding）、边框（bor