Code-Package-p5.js

跟着书抄代码不如直接跑,生成艺术案例库随开随用

Code-Package-p5.js 是《Generative Design – Creative Coding for the Web with JavaScript in p5.js》一书的官方代码包,由原书作者维护。该项目为读者和创意编程爱好者提供书中所有示例的完整代码,涵盖从基础图形绘制到复杂生成艺术、数据可视化和交互设计的丰富案例。它解决的核心问题是帮助学习者跳过繁琐的代码抄写,直接运行和修改示例,从而聚焦于理解生成设计的核心概念和算法。项目基于 p5.js 框架,代码结构清晰,注释详尽,每个示例都独立成文件,便于单独运行和调试。此外,项目还包含一些扩展案例和实用工具函数,展示了如何将生成设计应用于实际网页项目中。对于希望系统学习生成艺术或寻找灵感的设计师与开发者而言,这是一个宝贵的资源库。

开源 free 设计创意
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 1012
维护状态 较活跃
是否开源
定价模式 free

项目数据

分类设计创意
开发团队generative-design
所属国家
定价模式free
价格说明开源代码包,基于Apache-2.0许可证,完全免费,无付费版本。
访问状态
是否开源
开源协议Apache-2.0
主要语言JavaScript
技术栈/模型generative-art,generative-design,p5,p5-sketches,p5js,sketches
GitHub 星标★ 1012
30天Star增速
HF 下载量
上线时间2015-10-21 00:00:00
最近更新2026-08-18 00:00:00
维护状态较活跃
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数0

核心亮点

  • 覆盖书中全部示例,代码即学即用,省去手打时间
  • 每个案例独立完整,注释清晰,适合按需查阅
  • 基于 p5.js 生态,与网页集成简单,便于二次开发

不足之处

  • 示例偏向教学,部分代码未优化性能,复杂场景需自行调整
  • 文档/社区待观察

适用场景

  • 学习生成设计理论时对照代码实践
  • 寻找创意编程灵感,快速验证算法效果
  • 作为教学素材,用于编程或设计课程

替代项目

generative-design、p5.js-sketches、Nature of Code

项目介绍

Code-Package-p5.js 是一个设计创意领域的开源项目,官方简介:Code package of the book: Generative Design – Creative Coding for the Web with JavaScript in p5.js。项目使用 JavaScript 开发,在 GitHub 上获得 1013 星标。

上一篇:OmniFusion

下一篇:awesome-generative-ai

同类项目推荐

CoreML-Models 开源

下载即用的苹果端 AI 模型库,免去转换烦恼

Core ML model zoo for iOS/macOS — PyTorch models converted to ready-to-use .mlpacka···

★ 1843 2026-08-10
Machine-Learning 开源

跟着博客笔记,边看边跑机器学习代码

All content related to machine learning from my blog

★ 115 2026-08-09
rubra 开源

本地跑通带工具调用的开放模型,快速搭建 AI Agent

Open Weight, tool-calling LLMs

★ 155 2026-08-09