用三个 SVG 动画任务,测试模型的代码生成、动画逻辑和细节控制能力
填写 OpenAI 兼容的 Chat Completions 地址。Key 只在本次浏览器请求中使用,不会写入服务器。
创建一个 HTML,内容是用 SVG 绘制一个鹈鹕骑自行车的 2D 动画。鹈鹕要坐在车座上、脚踩在踏板上蹬车,车轮要转动。
创建一个 HTML,用 SVG 绘制一个太阳系公转动画:太阳居中,水金地火木土等行星沿各自轨道公转,越靠内的行星公转越快,地球要带一颗绕自己转的月亮。
创建一个 HTML,用 SVG 绘制一个在雨中打着伞向前行走的小人 2D 动画:天上落下密集雨滴,伞要挡住正上方落下的雨(伞下的小人不被淋到),小人的腿要交替迈步呈行走循环。
结果由模型生成,建议同时观察动画效果和源码结构。