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

说明：今天主要演示环境搭建，几何体的组成方式1.工具  three.js:JavaScript3Dlibrary,是一个是一个基于webgl的js库  vuejs：环境为vue框架环境，vuecli的

1.概念WebGL是用于基于OpenGLES的低级3D图形API的跨平台，免版税的Web标准，并通过HTML5Canvas元素公开给ECMAScript。链接熟悉OpenGLES2.0的开发人员将We

OK，我们发现的确变成我们想要的样子了。 Oh，No！怎么又变形了？！！这意味这这不仅仅和顶点数据的长宽比有关系，还和canvas的长宽比有关系了。说到这里相必你的脑子里面应该已经很绕了吧！我们有没有简单一点的方式来解决这个问题呢？ 答案肯定是有的。我们注意到，我们一直都是在使…

节上一节的内容，上一节我们给我们绘制的三角形增加了一些趣味的内容，我们绘制了一个具有渐变色的三角形。这实际上就是给三角形的顶点的赋予了除开位置信息的颜色信息。这节内容我们继续为三角形的顶点增加一些别的信息，本节中我们会给三角形增加纹理坐标信息，利用这一点让我们来一起完成一个显示…

接上一节的内容，上一节我们讲述了使用WebGL如何绘制点和三角形，我们通过WebGLBuffer往WebGL中传入顶点数据。我们留下两个问题： 今天我们就通过实战来化解掉这两个疑问。 之前我们绘制了纯色的三角形，现在我们来绘制一个渐变色的三角形，我们把三个顶点的颜色分别设置为红…

之前我们讲过了WebGL的相关原理，我们了解到WebGL绘图的方式是“连接式”的，WebGL就像是一个巨大的电路图，我们修改电路中的电路的连接方式或者是增加其中的电气元件，当我们按下开关时，这个电路就会自动运行。今天，我们就进入实战阶段，一切从0开始，手把手的带你使用原生的We…

本文不会涉及到具体的代码。 CPU 和 GPU 都属于处理单元，但是结构不同。形象点来说，CPU 就像个大的工业管道，等待处理的任务只能依次的通过这跟管道，所以CPU处理这些任务的速度完全取决于处理单个任务的时间。 CPU管道虽然只能让任务一个一个依次执行，但是CPU处理单个任…

转前端后，我就发现了不少新奇好玩的东西，WebGL，WebAssembly(后面再起这一个系列)，前端还能干这么东西啊，完全出乎我意料，一直以为Web就是性能不好，所以才一直在Native上玩。以前我玩客户端，为了追求极致的性能，巧合的就干了这里两件事情，第一件就是自学了ARM…