Claude Opus 5.5 结合 SVG 与 TypeScript 实现高互动性日式街景动画

这段精美的日式街景动画，竟然是用 Claude Opus 5.5 写代码做出来的！

整条街道采用细腻的手绘线条风格，有行人、骑自行车的人、河面上的小船。随着时间推移，太阳慢慢落下，天空从白天变成黄昏，再进入夜晚。街边的灯光一盏盏亮起，整个小镇仿佛活了过来。

更有意思的是，作者 Dhruv 用 SVG 和 TypeScript 实现了这套动画系统。场景可以在浏览器里实时运行，人物可以行走、做动作，风会影响物体的摆动，还能用鼠标与场景中的人物、猫、鸟、灯笼等互动。

作者已经把完整代码和 Claude Skill 开源了，包括人物行走、动作模拟、昼夜变化、场景制作和视频导出工具。

我觉得这种技术特别适合独立游戏开发。

比如做一款日式小镇经营游戏，玩家可以走进不同的街道，看着居民每天工作、休息，天气和时间不断变化，还能与场景里的各种物体互动。

最有价值的是，场景、人物和动画都保留在代码里。以后想增加一栋房子、修改角色动作、改变昼夜节奏，甚至扩展成一整座小镇，都可以继续修改和复用。

有了这样的工具，个人开发者也有机会做出美术风格很漂亮、内容丰富的 2D 游戏。