jinyvv

大家好，我是程序员kenney，今天给大家介绍glTF的基础知识。 它是GL Transmission Format的缩写，是khronos推出的一种描述3D模型的格式，目...

ttf字体格式 TTF全称TrueType Font，是由苹果和微软为 PostScript 而开发的字体格式，是一种使用比较广泛的字体格式。...

Shader学习的前置知识 2 渲染流水线 渲染流水线与shader关系紧密。染流水线的最终目的在于生成或者说是渲染一张二维纹理，即我们在电脑屏幕上看到的所 有效果。它的输...

源码：https://github.com/buglas/webgl-lesson 按理来说，线条是一条没有宽度的线，它是显示不出来的。 然而，在实际生活中，我们也会将一些...

源码：https://github.com/buglas/webgl-lesson VR(Virtual Reality) 的意思就是虚拟现实，可以通过VR 眼镜给人环境沉...

源码：https://github.com/buglas/webgl-lesson 1-概念 之前我们画过一个球体： 然后我还从基维百科上找了一张地球的等距圆柱投影贴图： ...

源码：https://github.com/buglas/webgl-lesson 当生活有了光的时候，也会有投影的存在。 投影可以更好的衬托光明，让生活变得立体，有节奏。...

其实，我接下来想说投影的，然而投影的计算还需要帧缓冲区，所以咱们得先解释一下帧缓冲区的概念。 1-帧缓冲区的概念 webgl 绘图过程是：顶点着色器定形，片元着色器逐片元填...

源码：https://github.com/buglas/webgl-lesson 我们可以基于着色点到光线的距离做一个正弦波衰减。 1.片元着色器中的算法如下： 2.调整...

源码：https://github.com/buglas/webgl-lesson 1-锥形灯概念 锥形灯可以理解为对点光源的限制，从侧面看，其打出的光线成锥形。 锥形灯的...

源码：https://github.com/buglas/webgl-lesson 1-筒灯概念 对平行光的照射范围做限制后，其灯光打出的效果便可以如下图一样： 筒灯的照射...

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

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

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

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

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

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

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

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

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