介绍
AI Avatar 是一款免费应用，你的 VRoid (VRM) 形象会全力为你加油。🤗 它位于你的 VS Code 侧边栏（对 Claude Code / GitHub Copilot 有反应）或 浏览器侧边面板（对 ChatGPT / Claude 有反应）。动画和对话框同样无需 AI 即可运行。
这次，我有 4 个主要主题。
- 体素化身
- 万花筒
- 光标化身
- 通知化身
让我们一起看看它们吧！😆
体素化身
我想添加一位合作者 Maximum Blue 所请求的 idle game 模式。空闲游戏是指会自动运行的游戏。AI Avatar 会在触发 Claude Code 或点击时启动，我认为这与空闲游戏概念相吻合。此外，我选择了 花园种植 作为此模式的主题，因为我的 DEV Community 朋友 @shubhradev 热爱园艺，种花看起来非常适合空闲游戏。
我最初把它做成了一个简约的、类似 Minecraft 的体素花园。你可以让花园在 Claude Code 或点击下自动生长，也可以手动点击来手动种植。你可以平整土地并种植花卉。你也可以设置蝴蝶。有时会下雨，但雨后你会看到彩虹。请享受 Voxel Avatar 并打造一个充满美丽花朵的花园。我希望你在使用它时能拥有轻松愉快的编程时光。
最困难的不是编码，而是制作 3D 模型。我本来只想用 Three.js 做一个简单的 3D 花朵，但 AI 完全做不出来。它最初为花朵做出的只是一个底部带球体的圆柱体。🤣 于是我不得不一步步详细解释如何制作花朵，比如在花心周围用细圆柱体添加 5 片薄薄的椭圆形花瓣。
万花筒
我加入了万花筒模式。你可以欣赏随机形状的背景。此外，万花筒是可调节的，你可以随意调整形状。
Piper TTS
我一直在使用 Kokoro 作为我的 TTS（文本转语音）。质量不错，但它有一点延迟，并且需要一些设置才能使用。于是我添加了 Piper TTS 作为更简单的选项来听取语音气泡。
AI Avatar 衍生版
AI Avatar 只能作为扩展存在于 VS Code 和 Chrome 的侧边栏中。因此我制作了一个基于 Electron 的 桌面应用 作为衍生版。现在头像可以随处存在，甚至可以超出侧边栏。
1. 光标头像
光标头像。点击任何地方都会弹出带有动画和欢呼气泡的 VRM 头像。↓
https://github.com/webdeveloperhyper/cursor-avatar
2. 通知头像
我在工作中使用 Claude Code 和 Codex。它们没有默认的停止和批准通知。而且我常常在它们停止时没有注意到。于是我使用 Hooks 制作了通知头像。
首先，我制作了一个简单的脚本并测试了它是否有效。↓
https://github.com/webdeveloperhyper/claude-code-codex-notification
接下来，我将其集成到头像中并创建了通知头像。↓
https://github.com/webdeveloperhyper/notification-avatar
Hooks 似乎还有更多功能，我想进一步了解它们。
如何使用 AI Avatar VS Code 扩展版（感谢 300+ 次安装！）
您可以通过两种方式下载 AI Avatar VS Code 扩展。
方式一：在 VS Code 中安装：点击左侧边栏的
Extensions按钮 > 搜索 AI Avatar > 点击Install↓↓
方式二：从 VS Code Marketplace 安装：https://marketplace.visualstudio.com/items?itemName=web-developer-hyper.ai-avatar ↓↓
如何使用 AI Avatar 的 Chrome 版
从 Chrome 应用商店安装：↓↓
https://chromewebstore.google.com/detail/ai-avatar/afmcfaeaaojalninahhhjnonhmlmiidi
特别致谢
- 我的 DEV 社区好友兼 CCO（首席创意官）🤣，@annavi11arrea1 在第 17 版中参与了 Catbot 与 AI Avatar 的联动，还一直给我支持。非常感谢！
- 我的好友兼 CDO（首席设计官）🤣，@rutenveil 帮我打造了第 15 版中的炫酷特效，还一直给我支持。非常感谢！
- 我的 DEV 社区好友兼 CTO（首席技术官）🤣，@gramli 在第 2 版中帮我更新了 AI Avatar，还一直给我支持。非常感谢！
- 我的 DEV 社区好友兼 CMO（首席营销官）🤣，@itsugo。我们的头像合作项目正是 AI Avatar 的起点，他还一直给我支持。非常感谢！
- 我的同事 Maximum Blue 帮我制作了第 6 版中的独特头像，还一直给我支持。非常感谢！
第 21 版更新
第 21 版的更新已经在制作中了。后面还有更多有趣的内容，敬请期待！
结语
啊！该浇灌我美丽的花园了，我得走了。我很想在下次更新中加入更多有趣的功能，并使用最新的 AI。希望你喜欢 AI Avatar 的新更新。感谢阅读，祝你拥有美好的 AI Avatar 生活！
欢迎评论！
- 您有什么想法可以让 AI Avatar 更加 有趣 吗？
- 您有什么想法可以添加更多 AI 功能 吗？
- 您有什么想法可以制作 酷炫的头像和动画 吗？
- 您有什么想法可以改善 用户体验 吗？
- 您有什么想法可以增加 AI Avatar 的用户数量 吗？
其他任何评论也欢迎！
