阴影的艺术

关于此列表

以下是我学习令人惊叹的GLSL过程中发现的最佳资源汇总。如果你打算从更广阔的视角接触着色器，可能会发现这个针对WebGL的合集或这个针对OpenGL的合集更有用。

目录

1. 教程
2. 网站
3. 编辑器
4. 文章
5. 书籍
6. 工具
7. 人物

教程

1. 阴影之书 - 逐步深入抽象而复杂的片段着色器宇宙的温和指南。
2. 着色器艺术编码入门 - 视频教程，介绍如何使用着色器创建艺术作品的基础知识。
3. CG从零开始！ - 学习计算机图形学。
4. Shadertoy内的教程 - 在Shadertoy GLSL编辑器内完成的系列教程。
5. 着色器学校 - GLSL着色器和图形编程的工作坊。
6. 着色器章节 - 针对OpenGL着色器的重点章节。
7. TyphoonLabs - 来自Jacobo Rodriguez Villar的5篇PDF章节，涵盖了历史到高级主题。
8. 使用lwjgl的着色器 - Matt DesLauriers撰写的6个简短但全面的课程。
9. TutsPlus系列 - 包含WebGL实现和活代码示例的文章系列。
10. 3D游戏着色器初学者指南 - 如何为你的3D游戏实现SSAO、景深、光照、法线贴图等的步骤指南。

网站

1. Khronos Wiki参考 - 官方wiki，以正式方式描述了GLSL的工作原理。
2. Stack.gl - 专注于WebGL的着色器网站。
3. Reddit美丽着色器 - 着色器的一般讨论和展示。
4. Reddit双三角形 - 一般讨论和着色器展示。

编辑器

1. Shadertoy - 创建并分享你的最佳着色器，并从中获得灵感。
2. GLSL沙盒 - 全屏编辑器，预览作为背景和画廊。
3. GLSLbin - 一个碎片着色器沙箱。
4. 顶点着色器艺术 - 顶点着色器画廊和编码游乐场。
5. ShaderFrog - 不写代码设计着色器。
6. Babylon CYOS - 自己创建着色器。
7. Fragment - 桌面应用，使用GLSL和实时编码，让任何人都可以借助数学（现在不可用）创造出壮观的图像。
8. Shdr - 基于WebGL的ESSL（GLSL）着色器编辑器、查看器和验证器。
9. 像素着色器 - 图形编程的互动介绍。
10. 原力 - Shawn Lawson的开源IDE。
11. Kick.js着色器编辑器 - Kick.js WebGL引擎的正式工具。
12. ShaderGif - 用于编码艺术的免费开源家园。不要错过画廊。
13. KodeLife - 桌面和移动GLSL实时编辑器。
14. 顶点着色器艺术 - 顶点着色器在线画廊和编辑器。

文章

1. Three.js简介 - 介绍在Three.js中使用着色器。
2. 着色器初步 - 简单易懂的着色器入门。
3. WebGL着色器简介 - 友好的入门指南。
4. 光线追踪 - Jamie Wong关于光线追踪和签名距离函数的精彩介绍。
5. 色彩校正 - Tim Severien关于色彩处理的出色解释。
6. WebGL图像处理 - 在WebGL中涵盖了一系列《图像处理》算法，如色彩校正、混合模式、阈值、抖动、卷积和胶片颗粒。

书籍

工具

1. RenderDoc - 独立的图形调试器。
2. 着色器设计器 - TyphoonLabs的OpenGL着色器设计器。
3. Synthclipse - Synthclipse是GLSL着色器原型制作工具。
4. GLSLViewer - 适用于MacOS和Linux的实时GLSL编码渲染器。
5. GLSLScene - 提供测试和开发GLSL着色程序的环境（Windows）。

视频

1. Greg Tatum - 5个视频，解释如何从头开始在WebGL中实现照明。
2. Steven Wittens - 全栈节2015：像素工厂（通过概念如UV和光栅化了解情况的精彩视觉效果）

人物

1. Patricio Gonzalez Vivo - 维护出色的学习站点“阴影之书”的主要贡献者。
2. Íñigo Quílez - 应用硬核数学于计算机图形学的顶级着色器制作者之一。Shadertoy个人资料
3. Anatole Drupat (XT95) - 获认可的着色器艺术家，拥有丰富的创作经历。Shadertoy个人资料

相关列表

1. awesome-webgl - WebGPU库、资源等的精选列表。
2. awesome-opengl - OpenGL库、调试器及资源的精选列表。
3. awesome-computer-vision - 计算机视觉资源的精选列表。
4. awesome-vulkan - Vulkan项目及其生态系统的精选列表。
5. gamedev - 游戏开发的神奇工具列表。
6. graphics-resources - 图形编程资源列表。