用户634140841972

源码：https://github.com/buglas/webgl-lesson 首先我们要知道，物体旋转的复杂程度是位移和缩放的n多倍。 我们以前在旋转物体时，只是让其...

源码：https://github.com/buglas/webgl-lesson WebGL 是一个光栅引擎，其本身并不会实现三维效果，那我们要在其中实现三维效果的关键就...

源码：https://github.com/buglas/webgl-lesson 1-视图位移 1.基于之前的代码，再绘制一个三角形 这是一前一后两个三角形。 前面的是黄...

源码：https://github.com/buglas/webgl-lesson 我之前在说matrixWorldInverse 的时候说过，它是matrixWorld ...

源码：https://github.com/buglas/webgl-lesson 透视投影矩阵可以将现实世界更真实的投射到裁剪空间中。 我们的肉眼看现实世界时，用的就是透...

源码：https://github.com/buglas/webgl-lesson 投影矩阵、视图矩阵、模型矩阵的结合方式： 1-投影视图矩阵 1.在顶点着色器里把投影矩阵...

源码：https://github.com/buglas/webgl-lesson 相机轨道控制器可以让我们更好的变换相机，从而灵活观察物体。 three.js 中的相机轨...

源码：https://github.com/buglas/webgl-lesson 接下来我会参考three.js 里的OrbitControls对象，封装一个轨道控制器出...

源码：https://github.com/buglas/webgl-lesson 之前咱们说过了正交相机的轨道控制器，接下来再看透视相机的轨道控制器，就会方便很多。 1-...

源码：https://github.com/buglas/webgl-lesson 到目前为止，我们都是用了一套着色器做的例子，这一套着色器包含了顶点着色器和片元着色器。 ...

1-顶点索引概念 对于顶点索引的概念，其实我们之在再说复合变换里的模型矩阵的时候，就已经讲过了。 下过如下： 我上面是用js 实现的顶点索引功能，其实这种功能我们可以直接通...

源码：https://github.com/buglas/webgl-lesson 之前咱们简单架构过一个Poly.js，然而随着我们知识量和需求的增加，Poly已经无法满...

如果大家学到现在，理解了我们以前所说的知识。那我们就可以做很多很多好玩的东西了，虽然我们还没有说到灯光。 以前大家在做项目的时候，经常会遇到基于某个基点对图形进行变换的问题...

自2000年后，随着Direct3D 的日益壮大，OpenGL 已经逐渐失去了曾经的辉煌，虽然 2009 年后，OpenGL 陆续从3.1发布到了现在的4.5。 2011年...

最近有同学想刷webgl 方向的面试题，图形选择就是面试中出现频率最高的问题。 在上一个案例里，咱们通过图片的变换说了鼠标选择二维图形和顶点的方法。 在接下来这个案例里，咱...

源码：https://github.com/buglas/webgl-lesson 接下来，我们要做一栋别墅室内布局图的空间展示。 此案例会每隔一段时间，依次对楼层进行特写...

光是由光源发出的，光有方向、亮度和颜色。 我们可以想象手电筒打出的一道白色的光。 手电筒是光源，其亮度会受电池的影响，颜色为白色，方向可以由你来控制。 因为光的存在，我们可...

源码：https://github.com/buglas/webgl-lesson 通俗而言，着色(shading)是绘画时，用线条或色块表示物体明暗或颜色的方式。 线条着...

源码：https://github.com/buglas/webgl-lesson 着色频率与法线是息息相关的，所以咱们得先从法线说起。 法线就是垂直于着色点的一个单位向量...

前言 大家好，我是vike。今天和大家一起来聊聊BFC，希望对你有帮助！ 防止高度坍塌的四种方案，给父元素设置overflow 这样就能包裹住浮动子元素...