Evotars – Lightweight Stream Avatars for Chat

Inferst submitted a new resource:

Evotars – Lightweight Stream Avatars for Chat - Animated chat avatars for streams with chat commands

Overview
Evotars is a simple and free web-based overlay that adds animated avatars for your Twitch chatters. It's a lightweight alternative to Stream Avatars, designed with accessibility and ease of use in mind. Perfect for small or new streamers who want to add some fun interactivity to their streams without complex setup or extra software.

Features

• Animated avatars for chatters in your stream
• Chat commands: !jump, !dash, !color
• Channel point reward...

Click to expand...

Read more about this resource...

I’ve been looking for a lightweight alternative to Stream Avatars for a while — especially something browser-based that doesn't slow down my stream setup. The built-in chat commands like !jump and !dash sound perfect for boosting engagement. stickman hook
Does Evotars allow for any custom avatar uploads or themes yet? Would love to personalize it for my stream's vibe!

lyraellington12 said:

I’ve been looking for a lightweight alternative to Stream Avatars for a while — especially something browser-based that doesn't slow down my stream setup. The built-in chat commands like !jump and !dash sound perfect for boosting engagement. stickman hook
Does Evotars allow for any custom avatar uploads or themes yet? Would love to personalize it for my stream's vibe!

Click to expand...

Hi! Thanks so much for your interest!

At the moment, custom avatar uploads or themes aren't supported yet. However, this is definitely something we’re planning to add in the future as we continue to expand personalization options.

Hi there! I just tested out Evotars in my Twitch stream yesterday and they turned out so cute!! I see so much potential in this because they're lightweight and minimalist.

Here are a few things I wanted to ask:

1. Is there a guide on how to use the commands/channel point that allow changing skins/colors? I can't seem to figure it out.

2. How do I hide certain users? I've tried using commas and spaces between the names under Settings, but they still appear (I'd rather not have my modbots be active evotars).

3. Is it possible to change the text size (name and bubble), or to make them optional?

4. Can I contribute to this project? I can't donate right now, but I can help in terms of documentation or avatar skins.

Thank you and have a great day!

Cheers,
Syn

st_synna said:

Hi there! I just tested out Evotars in my Twitch stream yesterday and they turned out so cute!! I see so much potential in this because they're lightweight and minimalist.

Here are a few things I wanted to ask:

1. Is there a guide on how to use the commands/channel point that allow changing skins/colors? I can't seem to figure it out.

2. How do I hide certain users? I've tried using commas and spaces between the names under Settings, but they still appear (I'd rather not have my modbots be active evotars).

3. Is it possible to change the text size (name and bubble), or to make them optional?

4. Can I contribute to this project? I can't donate right now, but I can help in terms of documentation or avatar skins.

Thank you and have a great day!

Cheers,
Syn

Click to expand...

Hi Syn!

Thank you for your kind words!

Here are the answers to your questions:

1. Changing Skins/Colors via Commands:
   • Chatters can change the color using the command: !color red (or any other valid color, including hex codes).
   • To change the skin, use: !skin agent
     Available skins:
     • agent
     • cat
     • duck
     • duck_evil
     • dude
     • girl
     • nerd
     • nyan
     • owl
     • senior
     • sith
     • sponge
   • For channel point rewards, create a reward in the app, set the action to sprite, and then set the value to the name of the desired skin. For color changes, the process is similar — just use the color action and specify the color.
2. Hiding Users:
   • To hide specific users, enter their usernames separated by spaces in the Settings.
   • After that, make sure to refresh the overlay in OBS for the changes to take effect. (Note: this will reset the overlay.)
3. Text Size:
   • At the moment, it's not possible to change the text size or make it optional, but I’m planning to add that feature in the future.
4. Contributing:
   • I'd absolutely love your help! Right now, documentation is definitely something that needs work.
   • If you're familiar with Markdown, feel free to create some guide pages in Github — I can add them to the official site later.
   • Contributions like avatar skins are also very welcome!

Thanks again, and I really appreciate you reaching out. Have a good day!

Inferst said:

Hi Syn!

Thank you for your kind words!

Here are the answers to your questions:

1. Changing Skins/Colors via Commands:
   • Chatters can change the color using the command: !color red (or any other valid color, including hex codes).
   • To change the skin, use: !skin agent
     Available skins:
     • agent
     • cat
     • duck
     • duck_evil
     • dude
     • girl
     • nerd
     • nyan
     • owl
     • senior
     • sith
     • sponge
   • For channel point rewards, create a reward in the app, set the action to sprite, and then set the value to the name of the desired skin. For color changes, the process is similar — just use the color action and specify the color.
2. Hiding Users:
   • To hide specific users, enter their usernames separated by spaces in the Settings.
   • After that, make sure to refresh the overlay in OBS for the changes to take effect. (Note: this will reset the overlay.)
3. Text Size:
   • At the moment, it's not possible to change the text size or make it optional, but I’m planning to add that feature in the future.
4. Contributing:
   • I'd absolutely love your help! Right now, documentation is definitely something that needs work.
   • If you're familiar with Markdown, feel free to create some guide pages in Github — I can add them to the official site later.
   • Contributions like avatar skins are also very welcome!

Thanks again, and I really appreciate you reaching out. Have a good day!

Click to expand...

1-4 :
Thank you so much for the response! Will update my channel with all these later, can't wait to try them out. :)

5 :
a) Doc: Sweet, I'd love to help! I am familiar with Markdown, I'll figure something out and work on the documentation soon.
b) Avatar: If there's an image ref/template or something you'd like me work with, that would be great.
What's the best way for me to contact you regarding this?

Cheers,
Syn

st_synna said:

1-4 :
Thank you so much for the response! Will update my channel with all these later, can't wait to try them out. :)

5 :
a) Doc: Sweet, I'd love to help! I am familiar with Markdown, I'll figure something out and work on the documentation soon.
b) Avatar: If there's an image ref/template or something you'd like me work with, that would be great.
What's the best way for me to contact you regarding this?

Cheers,
Syn

Click to expand...

Hi there!

I'm really new to Github, so I'm sorry if I'm not following a certain convention.

For now, I've created a simple readme and wiki for Twitch streamers to setup Evotars in their channel:
- Readme: https://github.com/stsynna/evotars
- Wiki: https://github.com/stsynna/evotars/wiki

Hope these are okay! Please let me know if anything needs amending.

- Syn

st_synna said:

Hi there!

I'm really new to Github, so I'm sorry if I'm not following a certain convention.

For now, I've created a simple readme and wiki for Twitch streamers to setup Evotars in their channel:
- Readme: https://github.com/stsynna/evotars
- Wiki: https://github.com/stsynna/evotars/wiki

Hope these are okay! Please let me know if anything needs amending.

- Syn

Click to expand...

Hi!

Thanks for your help! Looks great! I've created new repo for documentation and added the page.
Docs: https://docs.evotars.inferst.com
Repo: https://github.com/inferst/evotars-docs

st_synna said:

1-4 :
Thank you so much for the response! Will update my channel with all these later, can't wait to try them out. :)

5 :
a) Doc: Sweet, I'd love to help! I am familiar with Markdown, I'll figure something out and work on the documentation soon.
b) Avatar: If there's an image ref/template or something you'd like me work with, that would be great.
What's the best way for me to contact you regarding this?

Cheers,
Syn

Click to expand...

The simplest sprite to start with is this one — you can use it as a base and modify it.

There are a few things to keep in mind:

• It uses two layers so that only specific parts can be colorized — but this is optional. You can also use just one layer, and choose whether or not to apply color. It depends on the sprite settings in data.json.
• All animation types and frame data are defined in the sprite.json file. (The "Die" animation is currently not used.)

The easiest way to create sprites is with Aseprite. I can upload the original files to the repository — exporting them to the required format with all necessary data is really simple from there.
Unfortunately, Aseprite is only free if you build it yourself from the source code.

I’ve added my contact info to my GitHub profile. But you can also ask questions in the repository or open an issue in Github.