简介
AI Avatar是一个免费应用，你的VRoid（VRM）虚拟形象会全力为你加油.🤗 它住在你的VS Code 侧边栏（响应 Claude Code /Codex /GitHub Copilot）或浏览器侧边面板（响应 ChatGPT / Claude）。动画和对话气泡也都在没有 AI 的情况下运行。
这次，我有 5 个主要话题。
- Avatar Run
- Muscle Brain 2D/3D
- Voxel Vatatar 更新
- Jev
- Codex 支持
让我们一起看看吧！😆
Avatar Run
Avatar Run是一款弹珠跑道类游戏，你要避开陷阱、尽量不掉出轨道，并到达终点。首先，我加入了一个弹珠跑道，让 AI Avatar 更有趣。但等等，我想让它更贴合 AI Avatar 的世界，于是把弹珠换成了虚拟形象。现在在轨道上奔跑的是虚拟形象，而不是弹珠。不过我也加了一个按钮，让你也能享受弹珠版本。也许未来我会加入自动模式，让你在写代码时也能享受 Avatar Run，就像 Voxel Avatar 那样。
Muscle Brain 2D/3D
我做了一款脑力训练游戏，叫Muscle Brain去年发布在Microsoft Store以及作为Chrome extension。我很久都完全忘了它，但最近我查看了它的状态，发现它仍在获得下载。于是我决定把它迁移到 AI Avatar。
它是用Next.js、React、KendoReact以及CSS-in-JS+Tailwind CSS制作的，但 AI Avatar 主要是用纯TypeScript制作的，所以我不得不重写代码。我以为这对 AI 来说会很容易。然而，输出结果出现了很多回归问题。我让 AI 修了好几次，但仍然有很多回归。然后我注意到总代码长度只有原来的一半。🤣 这就是为什么修复回归永远没完没了。于是我放弃，从头开始迁移。这次，我强烈指示 AI 不要删减任何代码，最终成功完成了迁移。
另外，原版 Muscle Brain 是一款记忆数字或字母的脑力训练游戏。所以我加入了一个记忆 3D 空间信息的新版本，并创建了新的Muscle Brain 3D。
Voxel Avatar 更新
v22↓
v21↓
Voxel Avatar是一款放置类游戏，你可以种植花园并放置动物。你可以自动或手动种植花园。
这次，我添加了更多园艺图案、动物，以及诸如轮廓显示设置之类的用户体验改进。我还添加了一个过山车建造器，让你可以乘坐并环顾体素世界。
用 AI 创建 3D 模型
我之前就想用 AI 制作 3D 物体模型并把它们加入 AI Avatar。然而，AI 并不擅长处理 3D，所以我搁置了这个想法。但最终，AI 赶了上来，于是我尝试用 AI 制作 3D 物体。
首先，我用ChatGPT制作了一张图像。要点是不仅要制作正视图，还要制作侧视图和俯视图。
接下来，我让我的 AI 编写Three.js代码来显示 3D 物体。我搭建了一个测试框架，反复生成 Three.js 3D 物体代码，将结果与参考图像比较，并修改代码以更接近参考图像。这样，我就能让 AI 自主运行一段时间。
搭好测试框架后，我以为不再需要使用最新、最贵的 AI，Astra。于是我尝试用更实惠的 AI 模型Sonnet 5来降低成本。然而，它根本做不出 3D 模型。🤣
我认为制作 3D 模型取决于 AI 模型，而不是我的测试框架。但最新的Opus 5.5和Sol 6.1已经发布，所以如果我再次测试，情况可能会改变。
Jev
Jev是一个新的 AI，具有运行超快、超便宜等特点。之所以能做到这一点，是因为它不使用文本，而只以决策及其分数来响应。
我在 AI Avatar 中已经有正/负面检查器和反馈动画。它只是用词表来判断正/负面情绪，准确度并不好。所以我用 Jev 判断正/负面情绪的能力更新了它。
此外，我还添加了一个开发日志，可以记录 Claude Code / Codex 的请求，如错误修复、新功能、问题等，并按日、周或全部时间显示。我希望这个日志能激励开发者多写代码。
Codex 支持
我在工作中同时使用Claude Code和Codex。然而，我在家里只使用 Claude Code。这次，我想使用Astra，因为我听说它擅长处理 3D，并认为它适合为 AI Avatar 中的 Voxel Avatar 添加新的 3D 物体。所以我订阅了 Codex，并决定让 AI Avatar 也能响应 Codex。
如何使用 AI Avatar VS Code 扩展版本（感谢 300+ 次安装！）
你可以通过两种方式下载 AI Avatar VS Code 扩展。
方式 1：从 VS Code 安装：
Extensions左侧边栏中的按钮 > 搜索AI Avatar>Install↓↓
方式 2：从 VS Code Marketplace 安装：https://marketplace.visualstudio.com/items?itemName=web-developer-hyper.ai-avatar↓↓
如何使用 AI Avatar Chrome 版本
从 Chrome Web Store 安装：↓↓
https://chromewebstore.google.com/detail/ai-avatar/afmcfaeaaojalninahhhjnonhmlmiidi
特别感谢
- 我的 DEV Community 朋友兼 CCO（首席创意官）🤣，@annavi11arrea1在版本 17 中与 Catbot 和 AI Avatar 合作，并一直支持我。非常感谢！
- 我的朋友兼 CDO（首席设计官）🤣，@rutenveil帮助在版本 15 中打造了酷炫效果，并一直支持我。非常感谢！
- 我的 DEV Community 朋友兼 CTO（首席技术官）🤣，@gramli帮助在版本 2 中更新了 AI Avatar，并一直支持我。非常感谢！
- 我的 DEV Community 朋友兼 CMO（首席营销官）🤣，@itsugo。我们的头像合作项目是 AI Avatar 的起点，并一直支持我。非常感谢！
- 我的同事 Maximum Blue 帮助在版本 6 中制作了独特的头像，并一直支持我。非常感谢！
版本 26 更新
我已经在着手版本 26 的更新了。更多有趣的更新，敬请期待！
结语
啊！我该和我的头像一起去跑步了，所以得走了。💨 我很想在接下来的更新中加入更多有趣的功能，并使用最新的 AI。希望你喜欢 AI Avatar 的新更新。感谢阅读，祝你拥有美妙的 AI Avatar 生活！
欢迎评论！
- 你有什么想法能让 AI Avatar 更加有趣吗？
- 你有什么想法来添加更多AI 功能吗？
- 你有什么想法来制作酷炫的头像和动画吗？
- 你有什么想法来改善用户体验吗？
- 你有什么想法来增加 AI Avatar 的用户数量吗？
也欢迎任何其他评论！