学习webgl也有小半年的时间了，有了一些心得和体会，在这里做一个记录，整个系列的代码都会给出，这篇文章是这个系列的第一篇文章，带你走进webgl的世界。 在介绍什么是webgl之前，我们来看一个最简单的webgl程序。 上述就是一个webgl的例子，做的事情很简单就是清空了w…

WebGL在GPU中运行。因此需要使用能够在GPU上运行的代码。这样的代码需要提供成对的方法。每一对组合起来称作一个program 为每个顶点指定一个纹理坐标(在(0,0)与(1,1,)的正方形中)，然后传入纹理对象。片元着色器拿到的是对应片元的内插后的纹理坐标，就利用这个纹理…

编程的学习，最重要的就是动手干！而开始动手前，首先得搭建好一个框架，所以今天给大家分享一下如何使用VUE3搭建一个WebGL项目。

在前端领域我们可以通过四种方式来绘制图形，包括 HTML+CSS、SVG、Canvas2d 还有 WebGL，其中 WebGL 属于非常少用的一种绘图方式，尽管如此，其却有着无可替代的位置。接下来，让我们从这四种绘图方式开始，来了解下 WebGL 吧。 HTML+CSS 是最常…