How an LLM Coded a Single-File WebGL2 Animation
Creator Xiao Gai shared a workflow for using an LLM to produce an 80-second, 16:9 animation in one HTML file using WebGL2 and native JavaScript, without third-party libraries, images, fonts, or audio files. He says the visual elements and background music were generated through code, with repeated prompts used to refine motion paths, scenery, lighting, pacing, and the intended mood. He also describes limitations in generating realistic human movement and a frame-by-frame process for exporting the finished webpage to MP4.
Xiao Gai’s account provides a concrete AI-coding workflow for producing and revising a browser-based animation, while the single-source presentation offers no independent validation of the results.
没想到，上周随手用JavaScript和HTML做的AI动画，竟然有这么多同学喜欢。周末两天好多人问我要提示词，所以干脆写篇文章，分享一下我的工作流。具体作品大家可以往前翻，很容易就能找到。这里没有用视频和图片生成模型，包括里面的背景音乐、蝴蝶、蜻蜓、花、群山，都是LLM通过代码搞定的。这也是最近AI Cod......
本文来自微信公众号： 小盖fun ，作者：小盖，原文标题：《分享下我用 AI 生成 HTML 动画的提示词。》
没想到，上周随手用JavaScript和HTML做的AI动画，竟然有这么多同学喜欢。周末两天好多人问我要提示词，所以干脆写篇文章，分享一下我的工作流。