generative

用代码生成炫酷视觉,打开浏览器就能玩

generative 是一个创意编程实验集合,主要使用 HTML/CSS/JavaScript 生成视觉艺术作品。它通过代码实现各种生成艺术效果,如分形、粒子系统、噪声纹理等,解决传统设计工具难以产生动态、随机和复杂图案的问题。项目提供多个独立实验页面,每个实验展示一种算法或视觉风格,用户可直接在浏览器中运行和交互。核心能力包括实时渲染、参数调节和代码查看,适合学习生成艺术和算法设计。项目处于早期阶段,但代码结构清晰,易于扩展和二次开发。

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

项目数据

分类设计创意
开发团队avin
所属国家
定价模式free
价格说明开源项目,代码仓库,无在线服务,完全免费。
访问状态
是否开源
开源协议NOASSERTION
主要语言HTML
技术栈/模型babylonjs,canvas,generative-art,glsl,regl,threejs,webgl
GitHub 星标★ 92
30天Star增速
HF 下载量
上线时间2020-02-09 00:00:00
最近更新2026-04-27 00:00:00
维护状态低维护
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数6

使用教程

核心亮点

  • 每个实验独立成页,代码简洁易懂,适合学习生成艺术基础
  • 基于 Web 技术,无需安装环境,浏览器直接运行和交互
  • 涵盖多种经典算法(分形、粒子、噪声),视觉风格多样

不足之处

  • 项目处于早期,文档和示例较少,上手需自行摸索
  • 部分实验可能未适配移动端,触屏交互体验待优化

适用场景

  • 设计师探索生成艺术灵感
  • 开发者学习创意编程算法
  • 教育场景演示数学与视觉结合

替代项目

p5.js、Processing、openFrameworks

项目介绍

generative 是设计创意领域的开源项目,由 avin 开发,2020 年首次发布。

它收录于设计创意分类,该分类目前共有 161 个项目,GitHub 星标数为 92。

项目已超过三个月没有代码更新,维护节奏明显放缓,最近一次代码更新于 2026-04-27。代码仓库,无在线服务,完全免费。

它主要面向的使用场景是:设计师探索生成艺术灵感。同类可对比的替代方案包括 p5.js、Processing、openFrameworks。

上一篇:awesome-generative-art

下一篇:pts

同类项目推荐

open-design 开源

让 AI 代工做界面,本地跑完随手改

Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. ️ L···

★ 97629 2026-08-09
Excalidraw 开源

开源虚拟白板协作工具

Virtual whiteboard for sketching hand-drawn like diagrams

★ 132673 2026-08-19
morph 开源

用数据直接生成设计、动画和交互可视化

Morph is a free and open-source tool for creating designs, animations or interactive···

★ 126 2026-08-09
ChatGPT-MidJourney-prompt 开源

输入一句话,AI帮你生成Midjourney完整提示词

This is a ChatGPT based prompt generation model for MidJorney. The purpose of this m···

★ 344 2026-08-09