为了更好在vscode的webGL开发体验，本文将从vscode插件和手写一个node插件，几分钟让你可以快速提高几倍的书写效率，从此告别glsl书写的恐惧症。

第一章 GLSL ES 概述和基本规范 GLSL ES是在GLSL（OpenGL着色器语言）的基础上，删除和简化了一部分功能后形成的，ES版本主要降低了硬件功耗，减少了性能开销。 实际上WebGL并不

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第3篇文章，点击查看活动详情 就是照着葫芦画瓢，以此来熟练shader绘图的基本模式。 原例子是shader toy上的，传送门， 截图，我不想录

有一天，我和我的小伙伴，深佬没事聊天，忽然就聊起了游戏开发，我们都对仙侠题材颇为感兴趣，于是我们一拍即合，决定做一个。

前言 大家好，此次我们继续绘制另一片美丽的星空。咱们废话不多说，直接进入正题。 我们先看一下最后的效果： 让我们一步一步的揭示其中的奥秘吧~！ 原理 绘制一个星星 万丈高楼从地起，我们先从绘制一个星星

在之前的文章 如何利用矩阵实现平移、缩放、旋转等 3D 变换 中，我们可以发现，文章中渲染的立方体看起来有点奇怪。我们在现实世界中看到的物体都是近大远小，但是我们没有做透视处理立方体远近都一样大导致看

上篇文章我们讲解如何利用矩阵来实现 3D 变换，但是每次编写的 WebGL 代码有点复杂，不太好想象出渲染的结果。这篇文章来讲解相机这个概念，我们利用相机这个工具从不同位置去观察一个物体，观察的结果就

上篇文章讲解了矩阵，利用矩阵我们可以轻松实现旋转、缩放等 3D 变换。另外在之前的一篇 CSS3 transform 和 canvas 背后不为人知的秘密 文章中详细讲解了平移、缩放、错切、旋转等 2

切图仔升级指南，transform: matrix() 是干啥的？如何完全自己实现平移、缩放、旋转等操作。