先上一下效果：

功能：使用webgl绘制一个矩形,这里通过绘制两个三角形来实现一个矩形的绘制步骤：1 获取webgl上下文 2 获取着色器字符串 3 创建，加载，编译着色器 4 给着色器的变量赋值 5 绘制图形 第一步：获取webgl上下文 // 获取WebGL上下文 var canvas = docum...

绘制图形，必须搞清楚坐标系，不然寸步难行。参考：https://developer.mozilla.org/en-US/docs/Web/API/WebGL_APIhttps://blog.youkuaiyun.com/flycatdeng/article/details/82588903在webGL中，世界坐标系是以屏幕中心为原点(0, 0, 0)，且是始终不变的。你面对屏幕，你的右边是x正...

从今天开始，正式进入webgl的世界，正式由一个写C++，C#，java的码农转变成写前端的码农。还是有那么一点点兴奋。这是webgl的第一篇博客，主要通过webgl绘制一个三角形。调用流程：1 获取webgl上下文 2 获取着色器字符串 3 创建，加载，编译着色器 4 链接连个着色器到着色程序 5 给着色器的变量赋值 ...