WebGL

• WebGL and Image Filter 101: WebGL is the foundation of most of the 3D applications on the Web; more than that, it can also be used to enhance images effects.

• 2017-Build a flappy bird copy with TypeScript & Pixi.js

• 2017-WebGL 基础知识

• WebGL2 Fundamentals: WebGL2 from the ground up. No magic.

• 2019-带你走进 WebGL 的随机美学: 大自然蕴含着各式各样的纹理，小到细胞菌落分布，大到宇宙星球表面。运用图形噪声，我们可以在 3d 场景中模拟它们，本文就带大家一起走进万能的图形噪声。

GPGPU

• Unleash Your Inner Supercomputer Your Guide to GPGPU with WebGL

Resource

Book

• 2018-《WebGL Fundamentals》📚: 这有一系列教程，从 WebGL 的基本理论讲起。它们不像大多数其他教程那样改编自旧的 OpenGL 文章。它们去旧迎新，丢弃一些过时的思想，让你彻底了解 WebGL 的工作原理。

• 2022-《WebGL2 Fundamentals》📚: WebGL is often thought of as a 3D API. People think “I’ll use WebGL and magic I’ll get cool 3d”. In reality WebGL is just a rasterization engine. It draws points, lines, and triangles based on code you supply. Getting WebGL to do anything else is up to you to provide code to use points, lines, and triangles to accomplish your task.

OpenSource

• 2017-PicoGL.js : PicoGL.js is a minimal WebGL 2 rendering library. It’s meant for developers who understand the WebGL 2 rendering pipeline and want to use it, but with a more convenient API. Typical usage of PicoGL.js will involve creating programs, vertex buffers, vertex arrays, uniform buffers, framebuffers, textures, transform feedbacks, and combining them into draw calls.

• Hilo3d : 🎮 A 3D WebGL Rendering Engine developed by Alibaba Group

• 2023-SwissGL : SwissGL is a minimalistic wrapper on top of WebGL2 JS API. It’s designed to reduce the amount of boilerplate code required to manage GLSL shaders, textures and framebuffers when making procedural visualizations or simulations.