
Code-Package-p5.js
跟着书抄代码不如直接跑,生成艺术案例库随开随用
Code-Package-p5.js 是《Generative Design – Creative Coding for the Web with JavaScript in p5.js》一书的官方代码包,由原书作者维护。该项目为读者和创意编程爱好者提供书中所有示例的完整代码,涵盖从基础图形绘制到复杂生成艺术、数据可视化和交互设计的丰富案例。它解决的核心问题是帮助学习者跳过繁琐的代码抄写,直接运行和修改示例,从而聚焦于理解生成设计的核心概念和算法。项目基于 p5.js 框架,代码结构清晰,注释详尽,每个示例都独立成文件,便于单独运行和调试。此外,项目还包含一些扩展案例和实用工具函数,展示了如何将生成设计应用于实际网页项目中。对于希望系统学习生成艺术或寻找灵感的设计师与开发者而言,这是一个宝贵的资源库。
开源
free
设计创意
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
项目介绍
上一篇:OmniFusion
同类项目推荐
Diffusion-Models-Papers-Survey-T···
开源
学视频生成怕绕路?这份资料库帮你理清
Diffusion model papers, survey, and taxonomy
CoreML-Models
开源
下载即用的苹果端 AI 模型库,免去转换烦恼
Core ML model zoo for iOS/macOS — PyTorch models converted to ready-to-use .mlpacka···
Machine-Learning
开源
跟着博客笔记,边看边跑机器学习代码
All content related to machine learning from my blog
rubra
开源
本地跑通带工具调用的开放模型,快速搭建 AI Agent
Open Weight, tool-calling LLMs