各位掘友好，我是一拳，一个兴趣使然的英雄！啊不，前端开发工程师。我相信很多前端开发者都曾有过开发一个炫酷的3D页面的想法，当下元宇宙概念盛行，各位同学炫技的DNA是不是都蠢蠢欲动了。

各位同学们大家好，又到了周末写文章的时间，之前群里有粉丝提问， 就是shader不是很理解。 然后今天他就来了， 废话不多说，读完今天的这篇文章你可以学到以下几点： 为什么需要有shader ? sh

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

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

Threejs 是一个用于在浏览器中绘制 3D 图形的 JS 库，其底层实际是对浏览器提供的 WebGL Api 进行了封装。作为一个好奇宝宝，看到了 Threejs 那些神奇的绘制 3D 图形 Api，又怎么能抑制住想要钻进去一探究竟的冲动呢？所以今天的文章，就来给大家分享一下 WebGL 本身。

WebGL 是什么 对于 WebGL 百度百科给出的解释是 WebGL 是一种 3D 绘图协议，而对此维基百科给出的解释却是一种 JavaScript API。由于 WebGL 技术旨在帮助我们在不使