AI 绘图满天飞的 2026 年,本期反着挖:回到「代码即画笔」的老派路径——生成艺术(Generative Art)与笔式绘图仪(Pen Plotter)生态。这条链路不烧 GPU、不订阅任何模型:浏览器里写几十行代码出图,廉价 DIY 绘图机握着真实的笔把它画在纸上,成品可以直接挂墙、可以直接卖。本期从创作框架、质感库、绘图仪工具链一直挖到固件层,8 个仓库里 4 个 Star 不足 2000,属于中文社区几乎没人写过的小众富矿。文中 Star 数为约数,以仓库页面实时数据为准。
一句话定位:Processing 的 JavaScript 版,创意编程世界的「第一课」。
它解决的痛点是:想用代码画画的人,十有八九被「搭工程环境」劝退在第一步。p5.js 把这道门槛拆到了地板上——打开 editor.p5js.org 在线编辑器,写一个 setup() 加一个 draw() 循环,右侧立刻出画,零安装零配置。
核心拆解:API 完整继承 Processing 二十年的教学血统,circle()、noise()(Perlin 噪声,生成艺术的灵魂函数之一)、随机与变换一应俱全;不止 2D,3D、摄像头、麦克风、声音分析都有内置接口。教学生态是其护城河:Daniel Shiffman 的 The Coding Train 频道用它讲了上千集教程,全球无数创意编程课把它当教材。
上手难度:⭐⭐(会一点 JavaScript 即可)
适用人群:零基础入门者、美术生转代码、少儿创意编程教师。变现思路:最直接的是课程——创意编程培训、青少年编程 + 美术跨界的教案生意,p5.js 本身免费,卖的是课程与陪跑。
一句话定位:Rust 写的创意编程框架,性能党的答案。
p5.js 玩到几十万粒子、实时 GPU 特效时会撞上 JavaScript 的性能墙,nannou 就是为这一刻准备的:同样的 Processing 风格 API 理念,底层换成 Rust,原生速度直通 GPU shader。
核心拆解:它不止是「画画的 p5」——音频分析、窗口管理、多屏安装、甚至激光输出模块(ILDA 格式协议支持)都有,意味着一段代码可以从屏幕投影一路打到真正的激光头,这是装置艺术家眼里的杀手锏。代价是 Rust 的学习曲线和编译心智,但它把 Rust 里繁琐的图形上下文、wgpu 初始化全部封装掉,你只管写「 creativity」部分。
上手难度:⭐⭐⭐⭐(需要 Rust 基础)
适用人群:做展览装置的艺术家、VJ、想用 Rust 做点好玩东西的工程师。变现思路:商业空间互动装置、展览多媒体外包——这类项目按件计费单价高,而 nannou 把小团队也能扛住的技术成本砍掉了一大半。
一句话定位:一行代码把呆板的几何图形变成「手绘涂鸦感」——网红白板 Excalidraw 的手绘风就来自它。
痛点很具体:程序画出来的矩形太「直」、圆太「圆」,数字产品想要手绘的温度,请插画师又太贵。rough.js 用算法模拟手的不稳定:线条带抖动、圆有歪斜、填充是潦草的斜线排线(hachure),一眼就是「人画的」。
核心拆解:Canvas 和 SVG 双端支持,API 极简——rough.rectangle(x, y, 200, 100) 一个调用返回手绘风格图形;fillStyle 可切换排线、交叉线、锯齿等填充纹理;能和 D3 无缝搭配,把标准数据图表整体变成手绘风格。它是极少数「既是独立精品、又支撑起一个爆款产品」的库:Excalidraw 的标志性手绘质感正是基于 rough.js 实现的,这条路子已被市场验证。
上手难度:⭐⭐(前端开发者几小时上手)
适用人群:前端、数据可视化工程师、白板/笔记类产品开发者。变现思路:手绘风图表生成器、面向内容创作者的插图 SaaS——「输入数据、输出手绘风配图」是现成的付费点。
一句话定位:笔式绘图仪艺术的瑞士军刀——命令行管道,专治「SVG 直接喂绘图机会画到天荒地老」。
不懂绘图仪的人不知道这个痛点:从生成器里导出的 SVG 有几千条乱序线条,绘图机会在纸面上毫无章法地来回狂奔,一张 A3 画几个小时,笔尖磨秃、纸张起毛。vpype 干的就是「排版车间的活」:读取 SVG 后对线条重排序、合并共线段、优化下笔路径,让绘图机按最高效的顺序走线,常常能把绘制时间砍掉一大半。
核心拆解:设计成 Unix 风格的管道,read 进来、一串变换子命令处理、write 出去,可自由组合;内置线条排序、路径优化、缩放布局、分色(多笔画多色图自动拆分图层)等能力;插件系统让它持续生长,社区里有一批 vpype-* 插件扩展格式与特效输出。作者 Antoine Beyeler 是笔式绘图仪社区的活跃贡献者,工具链持续演进。
上手难度:⭐⭐⭐(命令行基础)
适用人群:已拥有或打算入手绘图仪的创作型极客。变现思路:Etsy/市集卖生成艺术版画的人,效率就是利润——同样的机器产能,优化后出片量翻倍。
一句话定位:为绘图仪而生的 Python 生成艺术框架——p5 的写法,物理世界的灵魂。
p5.js 满脑子是「像素和屏幕」,而纸上的画要考虑厘米、毫米、笔宽、纸张尺寸——用屏幕思维画图,导出到纸上必翻车。vsketch 的 API 仿照 Processing 的 sketch 模式,但从第一天就按物理单位设计:画布以厘米定义,线条以毫米计算,写完直接无缝导出给 vpype 做路径优化,形成「创作 → 优化 → 出机」的闭环。
核心拆解:同一作者出品,与 vpype 是官方推荐的黄金搭档;支持参数化 sketch——把关键参数(噪声尺度、线条密度)暴露出来反复调参批量出图,这正是生成艺术「一套代码、一百张不同的画」的玩法核心。Star 低是因为它服务的人群天然小众,但在绘图仪社区里是口碑之作,属于典型的「知道的人都在用,不知道的人真不知道」。
上手难度:⭐⭐⭐(Python 基础)
适用人群:想认真做绘图仪版画系列的创作者。变现思路:限量编号版画——生成艺术 + 物理笔绘的「一版一签」玩法在海外艺术市集已有成熟买家群。
一句话定位:让几百块的机器动起来——全球 DIY 绘图机/雕刻机肚子里最常见的固件。
前面都是软件,这一层是「手」:一台笔式绘图仪的本质是 X/Y/Z 三轴步进电机 + 一个听得懂 GCode 的固件。grbl 就是最经典的那个固件:把完整的 GCode 解释器塞进 8 位 AVR 单片机,一块 Arduino Uno 就能驱动一台机器,开源社区里大量几百元级的 DIY 绘图机、3018 雕刻机都是它的宿主。
核心拆解:C 语言写成、极致精简,串口发 GCode 即可控制机器运动;主线 v1.1 之后迭代放缓,社区由 grblHAL(Terje Io 主导)接棒延续——支持 STM32、ESP32 等现代主控,新增更丰富的io与探针等功能,新装机建议优先看社区线。对想动手的人,这是「百元级硬件 + 开源固件 + 前面的 vpype/vsketch」拼出完整绘图仪版画工作流的最后一块拼图。
上手难度:⭐⭐⭐⭐(烧录固件、接线、调机)
适用人群:硬件爱好者、想自组绘图机的 makers。变现思路:组装调校好的整机出售、给教培机构供设备——硬件 + 开源软件的毛利结构很传统,但需求稳定。
一句话定位:浏览器里的 live coding 视频合成器——写代码做现场视觉,回车即生效。
VJ 软件要么收费、要么图形界面点选效率低。hydra 反其道而行:打开网页就是演出台,代码即画面,改一个数字当场生效,专为「现场演着改」设计。
核心拆解:作者 Olivia Jack 的设计灵感来自模拟视频合成器(video synthesizer),语法是一路链式变换——osc() 生成振荡图案,接 .kaleid() 万花筒、.rotate() 旋转,最后 .out() 送到输出画布,几行代码就能堆出迷幻的实时视觉效果;GPU 加速保证流畅,支持摄像头输入混合。它已经是 live coding 演出圈(algorave 现场等)的常用工具之一,官方在线编辑器打开即玩。
上手难度:⭐⭐(语法直觉,像搭积木)
适用人群:VJ、电子音乐现场视觉师、直播背景玩家。变现思路:派对/音乐节现场视觉外包、主播定制动态背景——按场次收费,工具零成本。
一句话定位:用 Go 代码构建 3D 场景,渲染出来的不是像素,而是可以直接上笔的矢量线稿。
所有 3D 渲染器都在拼「照片级真实」,ln 走了相反的路:它渲染的是线条——类似光线追踪的原理,但输出的是描述 3D 形体的矢量线框,天然适配绘图仪。作者 Michael Fogleman 是独立开发者圈的传奇(Minecraft 克隆、神经网络玩具等爆款皆出自他手),当年用它创作了一批轰动绘图仪社区的 3D 线稿版画。
核心拆解:场景即代码——用 Go 的结构体搭建几何体、光源与相机,像写小说一样摆放世界;渲染算法沿视线提取轮廓与特征线,输出干净的矢量线条文件。项目本体已多年未动,属于「完成度极高后封笔」的类型,但代码清晰、思想完整,既是生产工具更是算法艺术的教学范本:怎么把「3D 理解」翻译成「一笔一笔的线」,这本书都在代码里。
上手难度:⭐⭐⭐⭐(Go + 3D 概念)
适用人群:想深挖算法美学的开发者、生成艺术进阶者。价值方向:改造移植(如接入新固件格式)、复刻其思路做现代版线稿渲染器——这类「重造轮子」项目本身就自带传播度。
| 仓库 | 生态位 | 类型 | Star 量级 | 上手难度 | 适用场景 |
|---|---|---|---|---|---|
| p5.js | 创作画布 | JS 库 | 约 20k+ | ⭐⭐ | 入门、教学、快速原型 |
| nannou | 创作画布 | Rust 框架 | 约 5k | ⭐⭐⭐⭐ | 高性能装置、激光视觉 |
| rough.js | 线条质感 | JS 库 | 约 19k+ | ⭐⭐ | 手绘风产品、图表 |
| vpype | 绘图仪工具链 | Python CLI | 约 1k+ | ⭐⭐⭐ | 绘图路径优化 |
| vsketch | 绘图仪工具链 | Python 框架 | 低 Star | ⭐⭐⭐ | 物理尺寸创作、出图 |
| grbl / grblHAL | 机器固件 | C 固件 | 4k+ | ⭐⭐⭐⭐ | DIY 绘图机、雕刻机 |
| hydra | 实时视觉 | Web 合成器 | 约 1k+ | ⭐⭐ | VJ、演出、直播 |
| ln | 算法艺术 | Go 渲染器 | 约 2k+ | ⭐⭐⭐⭐ | 3D 线稿、代码研习 |
mindmap
root((代码当画笔))
灵感与画布
p5.js 入门首选
nannou 高性能
hydra 实时现场
线条与质感
rough.js 手绘感
ln 三维线稿
绘图仪工具链
vsketch 物理作画
vpype 路径优化
机器层
grbl 与 grblHAL
整条链路串起来看:p5.js 或 vsketch 出图 → vpype 优化路径 → grbl 驱动的百元绘图机落笔成画 → 装裱上 Etsy。从一行代码到一张能卖的纸,全程开源、全程无订阅——这是生成艺术在 AI 时代之外的另一条路,也更像一门手艺。
[!tip] 51学通信知识星球 星主:爱卫生(微信:gprshome201101)——公众号「51学通信」创办者,19 年通信行业运维与讲师经验,著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书(各大电商平台有售)。 星球定位:深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域,主打运维岗位与信令分析。 当前规模:5200 篇主题 / 990 个回答,198 元/年。 加入福利:加入星球后请加爱卫生微信,拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题,另有群内分享。 AI 加持:51学通信知识星球已作为 skill 接入 WorkBuddy,使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例,做总结、找文档和 PPT 等场景全覆盖。
