AI News Hub Logo

AI News Hub

🦸Let Superheroes Cheer You Up (AI Avatar v6: Chrome Extension + VS Code Extension)

DEV Community
Web Developer Hyper

Intro I created an AI avatar, a VRM 3D character that reacts when you chat with AI or press Enter, and I keep updating it. I have been using the same avatar (Ninja Girl) as the default avatar from the beginning. Although you can change the avatar to your own, it would be more fun if there were several default avatars and each had its own animations and stories. We can change the avatars based on our mood. This time, my coworker Maximum Blue helped me make avatars. Thanks a lot! Joyful Colors is a group that is gathered with a mission to cheer developers and other people up and make them feel happy. They will cheer you up 24/7 through VS Code extension and Chrome (Edge) extension. Let's take a look at the superhero characters! Sweet Purple (Creater: Blue) ↑ Candy Pink (Creater: Hyper) ↑ Maximum Blue (Creater: Blue) ↑ Hyper Yellow (Creater: Blue) ↑ You can download all the avatars and animations for free from GitHub Releases. ↓ https://github.com/webdeveloperhyper/ai-avatar/releases I also made several updates, fixes and adjustments. Added bones to the fingers. In the previous versions, the hands were always open. Now we can make peace signs and close the hands. This makes the avatar more lively. Changed the values of animation from radians (e.g., 1.57) to degrees (e.g., 90), so that we can understand them intuitively. I also kept backward compatibility for the old files. Made the background gray. I realized that when the avatar is wearing black gloves, we cannot see them well because the background is black. Now users can choose the background color from black or gray. Fixed the Enter key in the terminal to trigger animations (VS Code). Users can enjoy the animations in more situations with this update. Install from Chrome Web Store: ↓↓ https://chromewebstore.google.com/detail/ai-avatar/afmcfaeaaojalninahhhjnonhmlmiidi You can download the AI Avatar VS Code extension in two ways. Option 1: Install from VS Code: Extensions button in the left sidebar > Search AI Avatar > Install ↓↓ Option 2: Install from the VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=web-developer-hyper.ai-avatar ↓↓ Special Thanks My DEV Community friend @gramli helped update AI Avatar in version 2 and keeps supporting me. Thank you very much! I'm already working on the version 7 update. More fun updates, so please stay tuned! Add more AI features. Add more triggers for when the avatar reacts. Add more adjustable parameters. Add more avatars and animations. Update the animation editor to make it more convenient. If you have any update ideas, please let me know! I'm also working on a collab project with my DEV Community friend @itsugo. Slowly, but still moving forward. I'll write a post about it soon. My posts about fun 2D/3D animation. ↓ 💥How to Reduce Stress for Free (Mega Bazooka with React Three Fiber + AI)💥 🙀How to Create a CRAZY Roller Coaster Builder (🎢RollerCoaster.js + React Three Fiber + AI) Also, here are my posts about AI. ↓ 🤖How to make AI follow your instructions more for free (OpenSpec)📝 🧠How to use AI more efficiently for free (Serena MCP)🧐 Available as Chrome Extensions for Free https://chromewebstore.google.com/detail/muscle-brain-ultimate-edi/nmlolddnfpfambkcnplggphjgbjeabfc Available on Microsoft Store for Free https://apps.microsoft.com/detail/9NG572QMV56M Ah! It's almost time to go to Sweet Purple's concert with Maximum Blue. I have to go now. Let's go to the concert with you, me, and our avatars next time. Thank you for reading. See you!🫡 Do you have any ideas for making cool avatars and animations? Do you have any ideas to add more AI features? Do you have any ideas to make AI Avatar even more fun? Do you have any ideas for increasing the number of users of AI Avatar? Any other comments are also welcome!