awesome-creative-coding

一站式找齐创意编程工具和灵感，少走弯路

这是一个精选创意编程资源的开源列表，收录了生成艺术、数据可视化、交互设计等领域的工具、框架、教程和灵感。它解决了创意编程爱好者难以系统化发现优质资源的问题，通过分类整理（如语言、库、软件、学习资源）和社区维护，帮助用户快速定位适合自己项目的技术栈。核心能力包括：提供从入门到进阶的完整学习路径，覆盖Processing、openFrameworks、p5.js等主流框架，并整合了音频可视化、GLSL着色器、物理引擎等专项资源。无论是艺术家、设计师还是开发者，都能在此找到创作工具和灵感来源。

开源 free 设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 15354

维护状态维护中

是否开源是

定价模式 free

项目数据

分类设计创意

开发团队terkelg

所属国家

官网地址

GitHubhttps://github.com/terkelg/awesome-creative-coding

定价模式free

价格说明开源资源列表，完全免费，无付费版本。

访问状态

是否开源是

开源协议

主要语言HTML

技术栈/模型3d-graphics,art,awesome,awesome-list,computer-graphics,creative-coding,data-visualization,design,generative-art,graphics-programming,information-visualization,interaction-design,list,programming-graphics,resources,shaders,webgl

GitHub 星标★ 15354

30天Star增速

HF 下载量

上线时间2016-11-01 00:00:00

最近更新2026-09-22 00:00:00

维护状态维护中

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数5

使用教程

难度：入门约 10 分钟部署方式：库/依赖 4 步

⚠ 该项目 README 未提供完整安装说明，以下步骤为通用流程，请以官方文档为准。

环境要求

能访问 GitHub（用于克隆仓库或在线浏览 README）
本地有可查看 Markdown 的编辑器或浏览器
无需编程环境，本项目只是资源清单，不需要编译或运行

安装与启动步骤

1克隆仓库到本地

把资源清单仓库下载到本地，便于离线阅读。也可直接在 GitHub 网页查看 README。
```
git clone https://github.com/terkelg/awesome-creative-coding.git
```
2打开资源清单

进入目录后打开 README.md，按顶部的 Contents 目录定位 Books、Courses、Tools 等板块。
```
cd awesome-creative-coding
```
3按分类挑选工具

在 Tools 下找 Frameworks • Libraries • Ecosystems、Web Programming、Sound 等分类，挑选适合自己项目的框架。
4查阅贡献指南

如果想向列表补充资源，README 明确要求先阅读 contribution guidelines（contributing.md）再提交。

如何确认成功

打开 README.md 能看到 Books、Online Books、Courses、Tools 等目录结构，即说明资源清单已获取成功。

常见问题

Q：这个项目需要安装或运行吗？

A：不需要。它是纯 Markdown 的资源清单仓库，没有可执行代码，克隆或在线浏览 README 即可使用。

Q：README 里提到的 Processing、p5.js 要在这里装吗？

A：不用。README 只是把这些工具的链接汇总在一起，具体安装请到对应项目自己的官网或仓库按其说明操作。

Q：想给清单补充一个资源怎么做？

A：README 要求先阅读仓库中的 contributing.md 贡献指南，按其格式和规则提交，再发起 Pull Request。

Q：找不到某个主题的资源怎么办？

A：利用 README 顶部的 Contents 目录锚点快速跳转，例如 Learning Resources 下的 Shaders • OpenGL • WebGL 小节。

注意事项

本仓库自身不含安装步骤，README 内容为分类资源链接，请以各链接项目的官方文档为准。
列表由社区维护，条目和链接会随提交更新，建议以 GitHub 上的最新版本为准。
README 中说明资源主要面向初学者与中级用户（beginners/intermediates）。
参与贡献前务必先读 contributing.md，避免提交格式不符被拒。

核心亮点

资源分类细致，覆盖生成艺术、可视化、交互设计等多个子领域
收录了Processing、p5.js、openFrameworks等主流框架及入门教程
持续更新，社区贡献活跃，星标超1.5万验证了其参考价值

不足之处

列表式资源导航，缺乏深度使用对比和评测
部分链接可能随时间失效，需自行验证可用性

适用场景

创意编程初学者寻找学习路径和入门工具
设计师或开发者快速筛选适合项目的可视化库
艺术家探索生成艺术和交互装置的技术方案

替代项目

awesome-generative-art、awesome-data-visualization、creative-coding-resources

项目介绍

awesome-creative-coding 是设计创意领域的开源项目，由 terkelg 开发，2016 年首次发布。

在全站 13,090 个收录项目中，它的 GitHub 星标数（15,354）位列前 4%，在设计创意分类的 163 个项目里位列前 2%。

近 41 天，它的 GitHub 星标从 15,184 增加到 15,354，净增 170。

项目仍在小幅维护中，最近一次代码更新于 2026-09-22。开源资源列表，完全免费，无付费版本。

它主要面向的使用场景是：创意编程初学者寻找学习路径和入门工具。同类可对比的替代方案包括 awesome-generative-art、awesome-data-visualization、creative-coding-resources。

上一篇：farbvelo

下一篇：pro-color-harmonies