DEV Community

Cover image for 🦸Let Superheroes Cheer You Up (AI Avatar v6: Chrome Extension + VS Code Extension)
Web Developer Hyper
Web Developer Hyper

Posted on

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

#webdev #ai #javascript #discuss

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!

Version 6 Update

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) ↑
Bright and cheerful.
Wants to be a famous pop star and eat yummy things.
Makes cute poses.


Candy Pink (Creater: Hyper) ↑
Another face of the sample avatar (Ninja Girl).
kind and considerate.
Good at making fake smiles.
Makes cute poses.


Maximum Blue (Creater: Blue) ↑
Active and full of energy.
Girls fall in love when their eyes meet his.
Makes cool poses.


Hyper Yellow (Creater: Blue) ↑
Always trying to make a cool app, but always ends up making a silly app.
He thinks Purple and Pink like him, but they are just using him.
Makes silly poses.

You can download all the avatars and animations for free from GitHub Releases. ↓
https://github.com/webdeveloperhyper/ai-avatar/releases

Version 5 Updates

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.

How to Use the AI Avatar Chrome Version

Install from Chrome Web Store: ↓↓
https://chromewebstore.google.com/detail/ai-avatar/afmcfaeaaojalninahhhjnonhmlmiidi

How to Use the AI Avatar VS Code Extension Version

You can download the AI Avatar VS Code extension in two ways.

Special Thanks

My DEV Community friend @gramli helped update AI Avatar in version 2 and keeps supporting me. Thank you very much!

Version 7 Update

I'm already working on the version 7 update. More fun updates, so please stay tuned!

Update Ideas

  • 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!

Collab Project in Progress

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.

More about Animation and AI

My posts about fun 2D/3D animation. ↓

Also, here are my posts about AI. ↓

My Brain Training App (Muscle Brain) 💪🧠

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

Outro

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!🫡

Comments Welcome!

  • 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!

Top comments (0)