创意编程资源宝典：生成艺术、数据可视化、交互设计、资源集合

书籍

• 生成艺术：实用指南 - 使用 Processing 的实用指南。
• 生成设计 - 使用 Processing 进行可视化、编程和创作。
• 代码的本质 - 使用 Processing 模拟自然系统。
• 编程设计系统 - 图形设计新基础的实际介绍。
• 学习现代 3D 图形编程 - 使用 OpenGL 进行图形渲染的一系列教程。
• 编程交互性 - 设计师指南：Processing、Arduino 和 openFrameworks
• openFrameworks Essentials - openFrameworks 初学者指南，适用于程序员、视觉艺术家或设计师。
• 精通 openFrameworks：创意编程解密 - 深入全面的 openFrameworks 高级指南。
• 使用 Processing 语言进行视觉设计算法 - 通过实验设计问题来创建 3D 动画、GUI 等。
• 使用 JavaScript 进行 HTML5 动画基础 - 了解使用 HTML5 canvas 创建动画所需的一切。
• 混沌游戏 - 使用 JavaScript 编程分形和奇异吸引子。
• 周末光线追踪 - 关于光线追踪的迷你书籍。
• Processing 2: Creative Programming Cookbook - 指导您使用实用且有用的配方探索 Processing 环境。
• Data-driven Graphic Design - 视觉传达的创意编程。
• Real-Time Rendering - 学习如何使用现代技术在一瞬间生成合成三维图像。
• Graphics Shaders: Theory and Practice - 介绍通用着色器编程，但重点介绍 GLSL 着色语言。
• Anton's OpenGL 4 Tutorials - OpenGL 入门 3D 编程的实用指南。
• Physics for JavaScript Games, Animation, and Simulations - 教授 JavaScript 程序员如何将真实物理融入 HTML5 游戏、动画和模拟中。
• Math for Programmers - 教你如何在代码中解决数学问题。
• Synthèse d'images avec OpenGL (ES) - 法文书籍，涵盖 OpenGL、OpenGL ES 和 WebGL。
• 使用 Magenta 进行动手音乐生成 - 探索深度学习在音乐生成和辅助音乐创作中的作用。

在线书籍

• 《The Book of Shaders》 - 通过分片着色器的抽象和复杂宇宙的逐步指南。
• WebGL 基础知识 - 从零开始学习 WebGL。没有魔法。
• WebGL 2 基础 - 从基础开始学习 WebGL2。没有魔法。
• 学习 OpenGL - 学习现代 OpenGL 的全面教程资源。
• Scratchapixel 2.0 - 从零开始学习计算机图形学。
• ofBook - 社区编写的 openFrameworks 书籍/指南。
• OGLdev - Etay Meiri 编写的现代 OpenGL 教程集合。
• OpenGL 教程 - 专注于 OpenGL 3.3 及更高版本的教程网站。
• Open.gl - 教你使用 OpenGL 基础知识的指南。
• Pixel Shaders - 图形编程交互式入门
• OpenGLBook - 在线书籍格式的免费 OpenGL 编程教程。
• 图形编程项目 - Morgan McGuire 所著的关于 3D 计算图形的书籍。
• 关于生成算法 - 关于生成各种有机图案的笔记，包含示例和 Python 代码，作者 Anders Hoff。
• 从零开始学计算机图形学 - 一本关于光线追踪和光栅化的教科书，教你 OpenGL 和 DirectX 的工作原理。
• 贝塞尔曲线入门 - 当你真正需要知道如何做贝塞尔曲线时，可以免费阅读这本书。
• 3D 游戏着色器入门 - 实时着色技术的分步指南。
• XEM WebGL 指南 - WebGL 的分步指南。
• 创意编程笔记本 - 由 Diego Inácio 撰写的关于创意编程和计算机艺术的基础 Python 食谱集合。
• WebGL Academy - 以渐进式和互动的方式学习 WebGL 和 3D 算法。

课程

• 使用 WebGL 在 JS 中创建 3D 图形 - 无需任何框架即可开始使用 WebGL 创建内容。
• 学习 HTML5 图形和动画 - canvas 2D 绘图 API 简介。
• 交互式 3D 图形 - Udacity 课程，教授您 3D 计算机图形学原理。
• 交互式计算机图形学 - Coursera 提供的计算机图形学课程。
• Kadenze 创意编程 - Kadenze 提供的涵盖 p5.js、TensorFlow、Max/Jitter 和 ChucK 的课程精选。
• 数字媒体与移动应用创意编程 - Coursera 关于使用 Processing 进行创意编程的课程。
• Imaginary Institute - 学习如何创建精美的交互式图形。
• Future Learn: Creative Coding - 将计算机编程作为一种创意学科，用于生成声音、图像、动画等。
• Intro to JS: Drawing & Animation - 使用 JavaScript 和 ProcessingJS 库创建绘图和动画。
• Advanced JS: Natural Simulations - 结合 JS、ProcessingJS 和数学概念，在您的程序中模拟自然。
• 使用 Processing 进行交互式数据可视化 - 学习如何使用 Processing 读取、映射和展示数据。
• 编程数据可视化：Processing 编程工具包 - 加入信息设计师 Nicholas Felton，一起探索 Processing 的世界。
• 数据可视化入门 - 加入 Nicholas Felton，一起学习智能、全面且富有启发性的数据可视化入门课程。
• 编程图形学 I , 2, 3 - 通过 Joshua Davis 学习生成艺术和 Processing。
• 使用 Canvas 和 WebGL 进行创意编程 - Matt DesLauriers 主讲的工作坊。学习生成艺术、交互式动画、3D 图形和着色器。
• 使用 WebGL & Shaders 进行高级创意编程 - Matt DesLauriers 主讲的工作坊，深入探讨图形编程、数学和着色器。
• Three.js Journey - Bruno Simon 的这门课程将教会你使用 Three.js 创建最酷的 WebGL 网站的秘诀，无论你是初学者还是高级开发者。
• 3D 计算机图形编程 - 学习 3D 图形背后的所有理论和数学知识，同时使用 C 编程语言从零开始创建一个软件渲染器

工具

框架 • 库 • 生态系统

• Processing [跨平台] - 用于视觉艺术的计算机编程语言和 IDE。
• py5 [跨平台] - 将 Processing 集成到 Python 3 生态系统中的库。
• Cinder [跨平台] - 用于专业级创意编码的 C++开源库。
• openFrameworks [跨平台] - 开源 C++创意编程工具包。
• NAP [跨平台] - 开源数据驱动实时控制与可视化平台，适用于 C++的专业安装，包含 Vulkan 渲染器。
• C4 [iOS] - 面向 iOS 的开源创意编程框架。
• Unity [Mac, Win] - 游戏引擎，但可用于创意编程和装置艺术。
• Godot [跨平台] - 开源游戏引擎，也可用于各种用途。
• PlayCanvas [跨平台] - 开源，实时协作 WebGL 引擎。
• hg_sdf [跨平台] - 用于构建符号距离函数的 GLSL 库。
• nannou [跨平台] - Rust 语言的开放源码创意编程框架。
• thi.ng [跨平台] - 面向 JavaScript、TypeScript、Clojure 和 ClojureScript 语言的计算设计工具的开源集合。
• PixelKit [iOS, Mac] - 开源，实时图形，Swift 框架，由 Metal 驱动。
• OPENRNDR [跨平台] - 一种用 Kotlin 编写的开源创意编程库。
• Phaser [跨平台] - 用于构建游戏的 HTML5 框架，同时使用 Canvas 和 WebGL 渲染器。
• Canvas-sketch [跨平台] - 用于在 JavaScript 和浏览器中创建生成式艺术的 HTML5 框架。
• AsyncGraphics [iOS, macOS] - 开源，实时图形，异步/等待，Swift 包，由 Metal 驱动。
• Lygia [跨平台] - 为性能和灵活性设计的粒状和多语言（GLSL、HLSL、WGSL、MSL 和 CUDA）着色器库。
• Fragment.tools [跨平台] - 用于创意编码的 Web 开发环境。

可视化编程语言

• vvvv [Win] - 混合可视化/文本实时编程环境，便于原型设计和开发。
• NodeBox [Mac, Win] - 跨平台，基于节点的 GUI，用于高效的数据可视化和生成式设计。
• TouchDesigner [Mac, Win] - 可视化开发平台，用于创建实时项目。
• Quartz Composer [Mac] - 图形数据处理和渲染的开发工具。
• Vuo [Mac] - 实时交互式媒体编程环境。
• Max [Mac, Win] - 媒体可视化编程语言。
• Pure Data [跨平台] - 用于多媒体的开源可视化编程语言。
• ossia score [跨平台] - 交互式、中介音频视频序列器。
• tooll [Win] - 开源工具，用于创建交互式 3D 内容和动画。
• XOD [跨平台] - 基于微控制器的开源可视化编程语言和环境。
• Isadora [跨平台] - 基于场景的媒体控制软件，集成投影映射器。
• cables [跨平台/网页] - 您创建精美交互式内容的模型套件。目前处于私密测试阶段，可申请邀请。
• eternal [网页] - 将程序视为图，将图视为组合式创作工具
• Notch Builder [Windows] - 基于节点的创作工具，专注于实时图形。目前处于测试阶段。
• JOY.JS - 实时可视化编程工具，易于理解，面向初学者。
• Circles [iPhone, iPad, Mac] - 基于 AsyncGraphics 的实时图形节点编辑器。
• TIC-80 - 在 240*136 像素的屏幕上制作像素艺术风格的游戏和艺术。

声音编程语言

• SuperCollider [多平台] - 音频合成和算法作曲的平台。
• ChucK - 强制时间、并发、即兴音乐编程语言。
• TidalCycles - 模式即兴编程的领域特定语言。
• Sonic Pi - 适合所有人的现场音乐合成器。
• Csound - 一个声音和音乐计算系统。
• Orca - 实时编码环境，可快速创建过程式序列器。
• handel - 一种用于在浏览器中编写歌曲的小型过程式编程语言。
• Overtone - 一个开源的音频环境，旨在探索从合成和乐器构建到现场编程的新音乐想法。
• Melrōse - 一个用于创作（现场）音乐的 MIDI 制作环境。
• Glicol - 基于图的实时编程语言和音乐/音频 DSP 库，使用 Rust 编写。

Web 编程 • 库

• three.js - JavaScript 3D 库。
• regl - 函数式 WebGL。
• Stackgl - 基于 browserify 和 npm 构建的 WebGL 开源软件生态系统。
• Paper.js - 矢量图形脚本界的瑞士军刀。
• Pixi.js - 基于 WebGL 的 HTML 5 2D 渲染引擎，支持 canvas 降级方案。
• p5.js - 一种以 Processing 的原始目标为起点的 JavaScript 库。
• Pts.js - 用于可视化和创意编码的 JavaScript 库。
• Fabric.js - JavaScript 画布库，SVG 转画布解析器。
• Maker.js - 参数化 SVG、CNC 和激光切割机的线条绘制。
• OpenJSCAD - 使用 JavaScript 进行程序化 3D 建模。
• Sketch.js - 一个极简的 JavaScript 创意编程框架。
• Two.js - 面向现代浏览器的二维绘图 API。
• lightgl.js - 一个轻量级的 WebGL 库。
• picogl.js - 一个极简的 WebGL 2 渲染库。
• Alfrid - 一个 WebGL 工具集。
• Babylon.js - 完整的 JavaScript 框架，用于使用 HTML 5 和 WebGL 构建 3D 游戏。
• twigl - 一个微型的 WebGL 辅助库。
• luma.gl - 用于数据可视化的 WebGL2 组件。
• css-doodle - 一个使用 CSS 绘制图案的 Web 组件。
• OGL.js - JavaScript 3D 库 (WebGL)。
• Zdog - 适用于 canvas 和 SVG 的伪 3D 引擎。
• Oimo.js - 轻量级 JavaScript 3D 物理引擎。
• Ammo.js - 使用 Emscripten 将 Bullet 物理引擎直接移植到 JavaScript。
• Theatre.js - 带有视觉工具的运动设计库

投影映射 • VJing

• MadMapper [Mac] - 视频映射投影和光映射。
• VDMX [Mac] - 实时多媒体表演应用程序。
• Modul8 [Mac] - 实时视频混合与合成。
• Resolume [Mac, Win] - 实时数字视频和效果混合。
• CoGe VJ [Mac] - 模块化用户界面设计的 VJ 软件，用于实时高清视频混合与合成。
• VirtualMapper - 实时投影映射预览工具。
• Millumin [Mac] - 用于创建和执行交互式视听表演的软件。
• Smode [Win] - 实时 2D/3D 创作、合成和视频映射引擎。
• Veejay [Linux] - 一款现场表演工具，支持从多个来源（文件、设备、流等）进行简单的非线性编辑和混音。

在线

• Shadertoy - 向世界构建和分享着色器，并获取灵感。
• Shader Park - 用于创建交互式程序化 2D 和 3D 着色器的 JavaScript 库。
• GLSL Sandbox - 在线着色器编辑器和画廊。
• Shdr Editor - 在线着色器编辑器。
• CodePen - 可编辑源代码的高级技术展示案例。
• Shadershop - GPU 着色器编程接口。
• Vertexshaderart - 在线着色器编辑器和画廊。
• Cyos - 在线着色器编辑器。
• GlslEditor - 简单的 WebGL 片段着色器编辑器。
• OpenProcessing - 使用 Processing、p5js 和 processingjs 创建的算法设计。
• P5.js Editor - P5.js 的在线网页编辑器。
• LiveCodeLab - 即时运行工具，适用于 VJs、音乐家、教师、学生和儿童。
• Turtletoy - 极简 API 和在线展示生成代码。(JavaScript)
• ShaderGif - 使用代码创作的艺术的开源家园（WebGL1/2、JavaScript Canvas & P5.js）。
• P5LIVE - p5.js 实时编码环境。
• NEORT - 创意编程者数字艺术平台（片段着色器，JavaScript Canvas）。
• Shelly - 通过向海龟发出指令来学习编程。
• tixy.land - 最极简的创意编程环境已焕发生机。
• BBC Micro bot - 在 8 位计算机模拟器上运行你的推文。
• Hydra - 可实时编程的视频合成与编程环境。

硬件

• Arduino - 开源微控制器套件，用于构建数字设备和交互式对象。
• Raspberry Pi - 小型单板计算机。
• Puck.js - 可无线编程的开源 JavaScript 微控制器。
• BeagleBoard - 低功耗开源单板计算机。
• Makey Makey - 将日常物品变成触控板，并与互联网结合。
• Leap Motion - 支持手势和手指动作作为输入的传感器设备。
• AxiDraw - 简洁、现代、精确的笔式绘图仪。
• Phidgets - 计算机的传感器、输入设备和控制器。
• Teensy - 基于 USB 的微控制器开发系统。
• Lightform - 带内置深度传感器的 AR 投影映射。

其他

• Structure Synth [跨平台] - 一种通过指定设计语法来生成 3D 结构的应用程序。
• F3 [Mac] - 强大的 3D 设计软件，让您能够实时编写 3D 形状的代码。
• Fragment [Mac]- 用于实时编写 GLSL 图形的应用程序。
• ShaderTool [Win] - 适用于程序员和 FX 艺术家的现代着色器 IDE。
• Syphon [Mac] - 允许应用程序实时共享帧。
• KodeLife - 实时 GPU 着色器编辑器，动态代码性能工具和图形原型设计板。
• ISF - 用于交互式应用程序的 GLSL 着色器。
• glslViewer - 实时编码控制台工具，渲染 GLSL 着色器。
• shoebot [跨平台] - Shoebot 是一个用 Python 制作矢量图形和动画的创意编程环境。
• DrawBot [Mac] - 基于 Python 的教育导向 2D 图形编程环境。
• Klak - Unity 创意编程脚本集合。
• basil.js - 在 InDesign 中为设计师和艺术家提供的基于 Processing 精神的脚本 (JS) 工具。
• Konstrukt [跨平台] - 一个命令行工具，用于生成不同可缩放图案的 SVG。

学习资源

视频

• The Coding Train - Daniel Shiffman 制作关于创意编程的视频。
• MFGD - Fragment Shaders - 关于片段着色器的 YouTube 播放列表。
• 着色器实验室 - 关于着色器的 YouTube 频道。
• 让东西看起来更好 - 关于着色器案例研究的 YouTube 频道。
• openFrameworks 教程系列 - 学习 openFrameworks 的 YouTube 系列。
• openFrameworks 教程 - 关于 openFrameworks 的 YouTube 播放列表 - 未更新[2015]。
• 着色器教程系列 - YouTube 播放列表，关于着色器，使用 Visual Studio Code。
• Kha 教程系列 - YouTube 播放列表，关于 Kha 框架，用 Haxe 构建的。
• 与 WebGL 2.0 的乐趣 - 关于 WebGL 2.0 的 YouTube 歌单。
• 现代 OpenGL 3.0+ 教程 - YouTube 有关现代 OpenGL 的播放列表。
• Vertexshaderart - 关于顶点着色的 YouTube 播放列表。
• 在 Three.js 中的探索 - YouTube 播放列表，深入探索 Three.js。
• Shadertoy 教程 - YouTube 播放列表，教你如何制作着色器，从零开始使用 shadertoy。
• WebGL 光照 - Greg Tatum 的 WebGL 光照入门

对话

• Inigo Quilez Live - Íñigo Quílez 的现场编码视频集。
• There is also canvas - Bruno Imbrizi 在 WebExpo 2016 上介绍了 canvas 在创意编码中的应用。交互式幻灯片 此处。
• OpenGL 3D 游戏教程 - 关于使用 OpenG 创建 3D 游戏的初学者教程系列。
• 我们如何做到这事 - 关于技术型艺术家如何实现财务上的这一话题的讨论。
• 让 WebGL 跳起舞来 - 我如何学会停止担忧并爱上线性代数。
• 像素工厂 - Steven Wittens 关于 WebGL、GPU 和数学的讨论。
• 诗意计算 - Zach Lieberman 的鼓舞人心的演讲。
• 生成式机器 - FITC 演讲，Matt DesLauriers 谈论他对生成式艺术的热情。

文章 • 教程

着色器 • OpenGL • WebGL

• 着色器入门 - 使用 threejs 的着色器入门第一部分。
• Three.js 101 - 从创意程序员的角度介绍 three.js。
• lwjgl: Shaders - 在 lwjgl-basics 上下文中的着色器教程。
• Shaders: A primer - 着色器入门。
• Shaders: Second stage - 上一部分的第二部分。
• WebGL 教程 — 片段着色器 - 片段着色器简介。
• WebGL 教程 — ThreeJS 着色器 - 在 ThreeJS 中使用自定义顶点和片段着色器。
• ThreeJS 后处理示例 - ThreeJS 中后处理效果示例。
• 光线追踪与符号距离函数 - 光线追踪简介。
• 光线追踪简介 - 一种创建 3D 图像的简单方法。
• GLSL 光照教程 - 使用 glslify 的 Phong 着色教程
• Three glslify 示例 - 使用 three.js 和 glslify 的示例。
• WebGL Beyond Dom - Greg Tatum 使用 Regl 解释 WebGL 的基础知识。
• FBO 粒子 - 关于 FBO/GPGPU 粒子的文章，作者@nicoptere。
• 光线步进（使用 THREE.js） - 关于使用 three.js 进行光线步进的博文，作者@nicoptere。
• 使用 Three.JS 的自定义着色器 - 介绍 Three.JS 中的自定义着色器、uniforms、纹理和光照。
• 现代 OpenGL 入门 - 现代 OpenGL 入门的第一部分。
• 现代 OpenGL 系列 - 对 OpenGL 术语的介绍。
• 平滑最小值 - 关于基于平滑的最小值原语并集的文章。
• 使用距离函数建模 - 集中展示各种距离函数的集合。
• 体积渲染 - 解释如何在体积着色器中创建复杂的 3D 形状。
• 实时渲染 - 关于实时渲染的书籍、博客和资源集合。
• OpenGL 4 Shaders - Anton Gerdelan 的 OpenGL 着色器简短介绍。
• 关于光线投射、光线追踪、光线步进等 - 标题就说明了所有内容。由 Adok 撰写。
• 编写小型软件渲染器 - 真正优秀的入门介绍，解释了基本软件渲染的工作原理。
• WebGL 教程 - 一个拥有非常优秀 WebGL 教程集合的网站。
• 生成几何体：1 , 2, 3 - 初学者指南，介绍如何创建几何体对象。
• 进入顶点着色器 - 一系列关于 WebGL、Three.js 和 Three.bas 的教程。
• WebGL 的空间 - 对 3D 图形管线中不同坐标系的一个简要概述。
• WebGL Workshop - 简洁明了的 WebGL 在线入门介绍。
• THREE.js & 实例化几何体 - 使用 three.js 和实例化几何体制作的蓬松捕食者。
• 通过 Billboards 实现粒子效果 - 如何使用 Billboarding 和 WebGL 创建粒子效果。
• 使用 WebGL 和 regl 美丽地动画化点 - 如何使用 regl 创建 GPGPU 粒子。
• WebGL 教程：无扩展的方向性阴影映射 - 介绍实时方向性光源阴影映射背后的概念。
• WebGL Quest - 一个教程和有用的资源列表，用于轻松使用 WebGL raymarching 和 distance functions。
• 使用 WebGL 探索凹凸贴图 - 介绍不同的凹凸贴图技术。
• OpenGL/GLSL 着色器编程 - 关于 OpenGL/GLSL 着色器编程的演示文稿。
• Simplex Noise Flow Field 中的粒子 - Perlin noise flow field 教程。
• 流场（第一部分） - 流场简介，也称为矢量场。
• 流场（第二部分） - 流场简介，也称为矢量场。
• 游戏图形学 - 由纽卡斯尔大学提供的 3D 图形编程入门，包括着色器、数学后处理等。
• Three.js 基础 - Eric Haines 对 Three.js 的介绍。
• WebGL 和 three.js 的交互式入门 - SIGGRAPH 2017 WebGL 工作坊的幻灯片。
• 如何开始学习计算机图形学编程 - Eric Arnebäck 关于如何开始的建议和思考。
• 每个程序员都应该了解的伽马 - 深入探讨伽马的重要性。

Canvas

• HTML Canvas 深入解析 - 对 canvas API 的深入介绍。
• 31 天 Canvas 教程 - Seb Lee-Delisle 的 canvas 教程集合。

硬件

• 笔式绘图仪艺术与算法第 1 部分 , 2 - 如何使用 AxiDraw 笔式绘图仪与 JavaScript。

其他

• 创意编程中的噪声 - 深入探讨噪声作为创意编程不可或缺工具的博客文章。
• Cat Like Coding - 深入的数学、算法和 Unity 教程。
• Fun Programming - 学习创意编程，编写简单的程序。
• 在 iOS 上使用 C4 进行创意编程 - Creative Applications 上发布的 C4 入门介绍。
• COSMOS - 使用 C4 开发应用程序的设计、编程和发布端到端教程。
• 粒子物理 - 粒子物理详解。
• 可视化算法 - 探讨了使用可视化来理解、解释和调试算法的方法。
• 游戏开发世界中的冒险 - 容易理解的关于游戏开发的文章集合，也适用于创意编码。
• Amit 的游戏编程信息 - 关于寻路、人工智能、数学等资源的集合
• 提升您的生成艺术作品技巧 - 提升您的艺术作品外观的技巧。
• 在生成艺术中处理颜色 - 如何正确处理颜色的技巧。

交互式

• Shader-school - GLSL 着色器和图形编程工作坊。
• Webgl-workshop - shader-school 的续集：学习 WebGL API。
• Fragment-foundry - 交互式片段着色器教程。
• SDF 教程 1：盒子与气球 - Shadertoy 上的光线追踪教程。
• HOWTO：光线追踪 - Shadertoy 关于光线追踪的教程。
• Raymarch 教程 2 - Shadertoy 光线追踪教程。
• GLSL 2D 教程 - Shadertoy GLSL 2D 教程。
• Bubble Breakdown - Perlin 的着色器分解。
• Let's Make A Ray Marcher - 交互式 Shader-Toy，关于编写光线追踪器的教程。
• Raymarching - 交互式 Shader-Toy 光线追踪教程。

快速参考 • 抄表

• Shaderific GLSL - OpenGL ES 着色语言参考。
• 《The Book of Shaders 术语表》 - 按主题分类的着色器术语表。
• gltut 术语页：1 , 2, 3, 4, 5, 6, 7, 8 - OpenGL 3D 编程术语。
• Canvas Cheatsheet - 快速直观的 canvas 参考指南。
• WebGL Cheatsheet - WebGL 1.0 API 参考卡片。
• 计算机图形学词汇表 - 与计算机图形学相关的术语词汇表。
• GLSL Reference Guide - OpenGL 着色语言快速参考指南。
• 3D 数学速查表 - Anton Gerdelan 的数学速查表，来自他的 OpenGL 书籍。
• docs.GL - 官方 OpenGL 文档的改进。
• OpenGL Shading Language - Khronos Group GLSL 维基。
• OpenGL 4.3 Reference Card - OpenGL 4.3 API 的 PDF 参考卡片。
• Easings - 交互式缓动函数备忘录。
• PixelSpirit - 倒置在塔罗牌背面的 GLSL 库，用于学习和参考。
• 过程模式与噪声 - 过程模式与过程噪声的集合。
• 视觉噪音 - 可视化 1D 和 2D 中的噪音算法。
• Trigonoparty - 简单的三角函数可视化。
• Morphogenesis - 探索自然界中形状、形式和模式的涌现过程。

社区

子版块

• r/creativecoding - 分享和讨论将计算机编程作为一门创意学科的用途。

r/raytraycing - 光线追踪相关的子版块。
r/opengl - 各平台 OpenGL 的新闻和讨论。
r/graphicsprogramming - 图形编程相关的子版块。
r/processing - Processing 的子版块。

• r/shaders - 着色器相关的小组。
• r/proceduralgeneration - 程序化生成相关的小组。
• r/MachineLearning - 机器学习相关的小组。
• r/generative - 生成艺术和音乐相关的小组。

Slack

• 创意编程俱乐部 - 创意编程俱乐部 Slack.

其他

• 创意编程播客 - Iain 和 Seb 讨论创意编程的方方面面。
• realtimevfx.com - 实时 VFX 社区。
• Data Stories - 关于数据可视化的播客。
• 3D Programming Weekly Articles - 收集了大量与着色器和数学相关的资源。
• Pass The Pen - 一个前端开发者社区，他们在 CodePen 上构建协作的创意编程项目。
• Creative Tech Weekly - 一份关于创意技术的每周资源简报。

数学

• Math as code - 代码形式的数学符号速查表。
• Coding Math - 教你作为程序员需要了解的数学知识。
• Math snippets - 适用于图形编程的数学代码片段。
• 公式动画 - 用数学绘画的原理。
• 重新学习数学 - JS 和 GLSL 数学代码片段集合。
• Eases - 模块化缓动方程的集合。
• Math for Motion - 不同运动方程的可视化。
• 矩阵乘法 - 可视化矩阵乘法。
• 代数规则 - 基本代数中最有用的规则。
• 沉浸式数学 - 完全交互式线性代数。
• 图像核 - 图像核的交互式和可视化介绍。
• 正弦和余弦 - 正弦和余弦的交互式解释。
• Perlin Noise - 详细解释 Perlin 噪声。
• 3D 计算机图形的向量数学 - 从计算机图形的角度学习向量代数和矩阵代数的教程。
• Desmos - 绘制函数、绘制数据、求解方程、探索变换等。
• MFGD - 游戏开发者数学 YouTube 播放列表。
• 线性代数的本质 - 线性代数的本质 YouTube 播放列表。
• 动画的数学 - 关于动画数学的幻灯片（仓库）。
• 数学与准物理绘画 - 数学与准物理的美丽视觉介绍。
• Gene Kogan: Perlin Noise - 2D 和 3D Perlin 噪声的介绍。
• Matrix Math and You - 矩阵的高级介绍。
• Mathematical Symbols - 所有数学符号和记号的列表。
• The magnificent 2d matrix - 交互式工具，帮助更好地理解变换矩阵。
• 游戏开发运动备忘录（含示例） - JavaScript 数学代码片段用于运动。
• 2D 和 3D 游戏数学与三角函数备忘录 - 2D 和 3D 游戏制作者的数学备忘录。
• 创意编程中的矩阵 - Greg Tatum 关于矩阵的介绍。
• 用数学创造事物 - Steven Wittens 关于贝塞尔曲线、程序生成、物理引擎和分形的演讲。
• MyPhysicsLab - 交互式实时物理模拟，包含公式和代码。
• 直观数学 - 线性代数和几何等领域的解释，旨在帮助你建立对正在发生的事情的视觉直观理解。
• L-systems - 一个用于 L-systems 的 Haskell 软件包。
• 线性插值 - 线性插值简介（也称为混合/lerp）
• 游戏中的向量数学的实际应用 - 深入探讨游戏数学中向量的文章。
• 引导随机数 - 简短的随机数引导指南。
• 引导随机网格 - 简短的随机网格引导指南。
• 引导随机增长 - 简短指南，教你如何引导随机增长。

机器学习 • 计算机视觉 • 人工智能

• ml4a - 为艺术家提供的机器学习。
• Keras.js - 在浏览器中运行 Keras 模型（tensorflow 后端），支持 GPU。
• Tesseract.js - 纯 JavaScript 多语言 OCR。
• Google ML - Google 提供的云机器学习服务。
• TensorFlow - 用于机器智能的开源软件库。
• ConvNetJS - 在浏览器中进行深度学习。
• Wekinator - 让任何人都能使用机器学习。
• 机器学习 - Coding Train 仓库，包含机器学习资源的链接。
• CreativeAi.net - 分享创意 AI 项目的空间。
• AI Playbook - 旨在帮助新手入门的 AI 微网站。
• Teachable Machine - 在浏览器中探索机器学习的工作原理。
• TensorFlow.js - 用于在浏览器和 Node.js 中训练和部署机器学习模型的 JavaScript 库。
• Hello TensorFlow - 完全带注释的 TensorFlow.js 演示。
• ml5.js - 友好的网络机器学习。
• Model Zoo - 发现开源深度学习代码和预训练模型。
• Runway - 一款为设计和创意平台添加人工智能功能的工具包。
• Lobe - 使用简单的可视化界面构建、训练和部署定制深度学习模型。
• ModelDepot - 用于发现、共享和讨论易于使用和预训练的机器学习模型的平台。

灵感

• OpenProcessing - 使用 Processing、p5js 和 processingjs 创建的算法设计。
• Dwitter - 用于短 JavaScript 演示的社交网络。
• Chrome Experiments - 创意编程社区编写的网络实验展示。
• For your Processing - 关于 Processing 的项目和教程。
• Art From Code - Keith Peters 的代码素描。
• Generator.x - 关于艺术与设计中的生成策略的 Flickr 群组。
• 生成艺术 - 关于生成艺术的 Flickr 群组。
• CodePen 上你值得关注的人 - 值得关注的有趣人士列表。
• Raven Kwok - 由视觉艺术家 Raven Kwok 运营的 Tumblr 博客。
• P5Art - Processing 中的实验集合非常棒。
• Echophon - 一个充满视觉灵感的博客。
• Bees & Bombs - 由 Dave 制作的 GIF 的 Tumblr
• Folds2d - 一个带有曲线、曲面、标量和矢量场的 Tumblr。

事件

• OFFF Festival - 数字设计节（在线闪光电影节）。
• Gray Area Festival - 创意编程、艺术和技术节。
• Signal Festival - 在捷克共和国布拉格展示光艺术和新兴技术。
• Eyeo Festival - 汇聚创意程序员、数据设计师和创作者，他们工作在数据、艺术和技术的交叉点。
• Mutek - 致力于声音、音乐和视听艺术的数字创造力组织。
• Node - 一个关于文化、艺术和技术的开放交流平台。
• Digital Design Days - 3 天活动，提供会议、研讨会、数字展示和装置。
• CODAME ART+TECH - 项目和非营利活动，通过体验激发灵感。
• NextArt Night - 通过创意技术使用激发人们。

博物馆 • 画廊

• ZKM — 艺术与媒体中心，卡尔斯鲁厄/德国 - ZKM 组织关于媒体、数字化和全球化的展览和活动。
• Ars Electronica Center，林茨/奥地利 - 未来博物馆 — 一个展示和处理不同艺术流派、科学领域和技术方向的地方。
• Technorama，苏黎世/瑞士 - Technorama 允许亲身体验数百种自然现象和技术。
• Kate Vass Gallery - 苏黎世/瑞士 - 当代艺术画廊，展示国际知名、中坚力量和新兴艺术家的作品，专注于摄影和新科技。
• 数字艺术博物馆 - 柏林/德国 - 数字艺术博物馆是一个关于数字美术历史与实践的在线资源。
• NXT 博物馆 - 阿姆斯特丹/荷兰 - 荷兰首家致力于新媒体艺术的博物馆。

学校 • 工作坊

• Goldsmiths, UoL, MA 计算艺术 - 伦敦的一个研究生项目，通过创意计算的表意世界发展你的艺术实践。
• UAL Creative Computing Institute - 位于伦敦的学校，专注于创造力和计算技术的交叉领域
• School for Poetic Computation - 位于纽约的学校，探索代码、设计、硬件和理论的交叉领域
• Copenhagen Institute of Interaction Design - 举办多种教育项目，最著名的是交互设计项目和 CIID 夏季学校
• Residencies, Fellowships, Summer Schools - 全球范围内大量的驻留项目、奖学金和夏季学校列表（使用左下角的标签进行导航）

博客 • 网站

• CreativeApplications.Net [CAN] - 著名的数字艺术博客。
• iquilezles.org - Íñigo Quílez 的主页，专注于 GLSL 和数学代码片段。
• bit-101.com - Keith Peters 的博客，专注于创意编程。
• ibreakdownshaders - 探索着色器背后的数学原理。
• adriancourrèges.com - 软件工程师阿德里安·库里雷斯的博客。文章涉及游戏图形研究等。
• clicktorelease.com - 詹姆斯·桑切斯·埃利亚斯的个人主页，提供演示、演讲、WebGL 和 WebVR 相关的文章。
• syntopia - 米凯尔·海维特·克里斯滕森关于生成艺术和系统的博客。
• madebyevan.com - Evan Wallace 的 WebGL 实验和文章。
• songho.ca - Song Ho Ahn 的主页，收录了丰富的 OpenGL 和数学教程。
• simonschreibt.de - 由 Simon Schreibt 提供的游戏艺术技巧、设计技巧。
• sighack.com - Manohar Vanga 关于生成艺术算法和技术的博客。
• jsdo.it-archives - WebGL 实验合集，包括 WebGL 框架和物理引擎（oimo.js, cannon.js, ammo.js）的比较
• WebAudio Weekly - 了解 WebAudio API 所有信息的周报

相关

• Awesome opengl - 精选的 OpenGL 库、调试器和资源列表
• Awesome WebGL - 精选的 WebGL 库、资源及更多内容列表。
• Awesome canvas - 精选的 HTML5 canvas 列表，包含示例、相关文章和帖子。
• 酷炫的音频可视化 - 关于音频可视化的精选列表。
• Awesome computer vision - 精选的令人惊叹的计算机视觉资源列表。
• Awesome visualization research - 推荐的数据可视化研究论文和其他阅读资料列表。
• Awesome livecoding - 精选的实时编码语言和工具列表。
• Awesome graphics - 精选计算机图形学教程和资源列表。
• 图形资源 - 精选的图形编程资源列表。
• Magic tools - 精选的游戏开发资源列表，助您实现魔法效果。
• Awesome public datasets - 精选的公共数据集列表，大部分为免费资源。
• GPU 上光线步进链接集合 - 2013 年的精选列表。
• 3D 机器学习 - 3D 机器学习的资源库。
• 酷炫创意技术 - 精选创意技术团体、公司、工作室、集体等列表。