本文会把WebGL工作的具体流程梳理一遍，WebGL到底是如何渲染出一个三角形的。我们常说把大象装进冰箱需要三步，那么写一个WebGL程序应该也只需要三步：1、把数据放入缓冲区，2、把缓冲区的数据给着色器，3、着色器把数据给GPU。 一切的前提那一定是WebGL上下文了。 在创…

改革开发40年以来，世界日新月异，无论从生活到精神上都有了颠覆性的变化，曾经教授还是教书的，砖家还叫专家，太阳还不叫日，菊花还是一种花，老王还没那么多，Web还只需要做IE，XHR还没出生的时候，怎么能想到现在浏览器会提供如此丰富多彩的多媒体生活，无论是音频、视频、以及各种漂亮…

—— 将 “3D坐标” 转换成 “2D坐标” ，再将 “2D坐标” 转换为 “实际有颜色的像素” 。 该阶段输入的是顶点数据（Vertex Data），顶点数据是一系列顶点的集合。顶点着色器主要的目的是把 3D 坐标转为 “2D” 坐标，同时顶点着色器可以对顶点属性进行一些基本…

一个==完整==的JavaScript框架，用于构建HTML5，WebGL，WebVR和Web Audio的3D游戏和体验。 PlayCanvas是一个开源游戏引擎。它使用HTML5和WebGL在所有==现代==浏览器中运行游戏和其他==交互==式3D内容，而无需插件。 Cla…

以上是MDN对于WebGL的描述，简单来说，WebGL 就是一组基于 JavaScript 语言的图形规范，浏览器厂商按照这组规范进行实现，为 Web 开发者提供一套3D图形相关的 API。 我们可以通过这些API直接使用JavaScript直接和GPU进行通信，从而实现一些非…