Slop Coding实验:用AI Studio重塑Flash绘图体验

开发者用Google AI Studio打造极简绘图应用After Flash,致敬Flash时代并探索AI辅助编程新范式。
一位自称"氛围考古学家"的开发者用Google AI Studio构建了极简绘图应用After Flash,试图找回Flash时代的创作手感。应用仅有一个绘图工具、三种笔刷和两个图层,支持逐帧动画和AI调色板生成,技术栈为React、TypeScript和SVG。开发者提出"Slop Coding"概念,认为AI让拼凑应用比寻找现成应用更容易,但对此保持矛盾态度。商业模式上,独立应用免费,付费点在于嵌入他人网站的集成服务,但尚未验证。项目遇到每日开发限额,且当前使用非开放权重的Gemini模型,不满足Hacktoberfest开放AI要求。一个意外发现是手绘作品可作为AI图像生成的视觉参考,风格复现效果远超文字描述。
从Flash到After Flash:一位开发者的"氛围考古"
"有时候是汇编语言,有时候是一座泥砖房。而这一次,是Flash。"
在AI辅助编程日益普及的当下,"Slop Coding"(粗糙编程)正在成为一种值得关注的现象。一位自称"Vibe Archeologist"(氛围考古学家)的开发者,通过Google AI Studio打造了一款名为After Flash的绘图应用,试图找回多年前使用Flash创作的感觉。

这个项目的核心逻辑颇有意思:开发者发现,如今"拼凑一个应用"可能比"在应用商店里找到合适的应用"还要容易。作为靠写软件谋生的人,他对这一趋势的态度是矛盾的——既不完全认同,又忍不住亲身实践。
After Flash是什么?极简主义的回归
After Flash的功能设计极其克制:
- 一个绘图工具、三种笔刷尺寸、一个橡皮擦
- 两个图层:绘图层与背景色层
- 没有填充工具,没有矢量合并功能
- 支持逐帧绘制、动画播放,以及将单幅作品导出为SVG格式
- 内置AI调色板生成器:输入主题、情绪或几个关键词,即可生成8色或64色的配色方案
开发者表示,设计哲学很简单:"我想画画,所以我把打开应用和开始画之间的距离尽可能缩短。"
这款应用使用React、TypeScript和SVG构建,调色板生成功能调用的是Gemini 2.5 Flash模型。开发者对此有个不经意的幽默发现:"我用Flash来帮忙带回Flash。这个笑话不是我设计的。"
Flash(Adobe Flash,最初由Macromedia开发,后被Adobe收购)是1990年代末至2010年代初主流的网页动画与交互内容创作平台。它允许设计师用矢量图形逐帧绘制动画,并直接嵌入网页播放。Flash的绘图工具以"所见即所得"和低门槛著称,一代创作者用它制作了无数网页动画、小游戏和交互广告。随着HTML5、CSS3和JavaScript的崛起,以及移动端对Flash支持的缺失,Adobe于2020年正式停止对Flash Player的支持。开发者将项目命名为"After Flash",正是对这一逝去创作时代的致敬与回望。
SVG(Scalable Vector Graphics,可缩放矢量图形)是一种基于XML的矢量图像格式,由W3C制定标准。与JPEG、PNG等位图格式不同,SVG用数学路径描述图形,因此无论放大多少倍都不会失真。在After Flash中,使用SVG意味着用户的每一笔都是矢量路径,可以无损导出和缩放。此外,SVG本质上是DOM节点,可以被JavaScript直接操作和动画化,这与React的声明式渲染模型天然契合。对于绘图应用而言,SVG的局限在于当路径数量极大时性能会下降,这也是许多专业绘图工具仍选择Canvas的原因。
商业模式的思考:免费+集成服务
该项目的变现思路不是直接卖应用,而是集成服务。
独立应用(包括应用商店版本)计划保持免费。付费部分在于将绘图工具嵌入他人的网站——比如博客平台可以让作者在编辑器中直接画插图并插入文章。开发者认为,有些图表或小角色,画出来比用三段文字解释要容易得多。
"我还没卖出过任何集成服务。"他坦承这是一个待验证的商业想法。随后他也自我调侃了逻辑上的矛盾:"我刚说完做应用可能比找应用更容易,现在又建议别人花钱请我集成我的应用。"
技术实现:AI Studio与每日限额
开发流程出人意料地直接:开发者读到一篇关于Google AI应用构建工具的文章后,打开AI Studio,开始描述自己想要的绘图体验。
说个细节,开发者的个人经验在AI辅助开发中占据了核心位置。他提到,大量的贡献来自于"回忆多年前画画时喜欢什么"——哪些工具需要触手可及,哪些功能可以果断舍弃。他半开玩笑地总结:"显然,老到能记住工作流程,现在也成了开发栈的一部分。"
开发过程中也遇到了AI Studio的每日开发限额——在尝试改进64色调色板时触顶。不过彼时应用已经可以正常使用了。
Google AI Studio是Google提供的面向开发者的AI应用原型平台,允许用户通过自然语言提示快速生成基于Gemini模型的应用,并提供API密钥管理、提示调试和代码导出等功能。AI Studio采用免费增值模式:免费用户可使用Gemini系列模型,但存在每分钟请求数和每日调用总量的限制。当开发者触及"每日开发限额"时,必须等待次日重置或升级到付费的Vertex AI服务。这种限额机制在原型阶段通常够用,但在密集调试或高频调用的场景下会成为瓶颈。
一个意外的发现:手绘作为AI视觉参考
在演示环节,开发者分享了一个分支实验。他在浏览器上用MacBook的触控板画了一个角色,然后将这幅画喂给AI图像生成器,要求生成一个风格相似的小镇场景。结果"风格复现得惊人地好"。
"用文字描述同样的风格会困难得多。"
这个实验揭示了After Flash的另一个潜在用途:快速绘制自己的视觉参考,供AI使用。这并非内置功能,但为工具的定位打开了新的想象空间。
开源与开放AI的矛盾
开发者明确表示,对于可嵌入的工具而言,代码可审查、可适配不同网站非常重要。他也希望AI组件可替换,避免绘图工具永远依赖单一供应商。
但这里存在一个尚未解决的矛盾:当前调色板生成器使用的是Gemini,并非开放权重模型。仅发布应用源代码并不满足Hacktoberfest挑战的开放AI要求。开发者坦承"这部分仍需解决"。
这其实触及了AI辅助开发社区的一个普遍困境:专有模型在易用性和效果上往往占优,但开源要求与商业工具之间存在天然张力。
开放权重模型(Open-Weight Model)指模型训练完成后,其参数权重被公开发布,任何人都可以下载、运行、微调或再分发。这与"开源软件"的概念有重叠但不完全等同——开放权重不一定公开训练数据和训练代码。典型代表包括Meta的Llama系列、Mistral的模型以及Stable Diffusion等。与之相对,Gemini、GPT-4、Claude等模型仅通过API提供服务,权重不公开,被称为专有模型或闭源模型。Hacktoberfest是DigitalOcean发起的年度开源贡献活动,近年来部分赛道要求项目必须使用开放AI组件。这一要求与开发者想用效果更好的Gemini之间存在直接冲突,也是当前开源AI社区反复讨论的议题。
结语:AI帮你写代码,画不好还是你自己的事
After Flash项目的意义或许不在于技术突破,而在于它展示了一种新的个人开发范式:用自然语言描述需求,借助AI Studio快速生成可用的原型,开发者则专注于审美判断和体验打磨。
正如开发者所说:"AI帮助构建了应用,也能建议配色。但糟糕的绘画技巧,完全是我自己的。"
项目已在GitHub开源:github.com/Pengeszikra/after-flash,可在线体验:after-flash.ai.studio。
相关推荐

GPT-Next泄露、Gemini 4 Argon临近:AI圈动态速览
GPT-Next神秘模型泄露,早期估算显示极高效率;OpenAI启动28天出货承诺,速度提升50%;Gemini 4 Argon发布临近,Nano Banana 2.1上线;第三方报告称Anthropic订阅API等效价值数倍于OpenAI。

GPT-Next泄露、Gemini 4 Argon提速,Fable 5.5或今日发布
OpenAI GPT-Next模型泄露,预计成本极低或随28天发布计划推出;Gemini 4 Argon内部测试加速,NanoBanana 2.1已上线;Semi Analysis实测显示Claude Max等效API价值约为ChatGPT Pro的5倍;Fable 5.5或今日发布。

Gemini 4 Argon全球上线:AI早报核心看点
Google全球开放Gemini 4 Argon,覆盖Pro与Ultra订阅及API调用,并展示机器人控制能力。同期开源模型、Agent基础设施、成本透明度与安全治理密集更新,本文梳理核心看点。