Skip to content

stsynna/evotars

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 

Repository files navigation

Evotars Documentation for Twitch Streamers

One-stop doc to setup Evotars in your stream!

Evotars Admin Panel | Evotars Wiki | OBS Project Link | OBS Forum Link | Github Readme


What are Evotars?

  • Evotars are free browser-based avatars in Twitch streams, where viewers and chatters will turn into interactive game-like characters that react to chat and perform commands.
  • It’s lightweight and easy to set up, perfect for small streamers who want to engage with their audience and grow their channel.

Features

  • Active Commands: Chatters can make evotar !jump, !dash, !grow, !color, and more.
  • Channel Rewards: Chatters can use channel points to do actions like jump or change skin.
  • Chat Bubble and Emotes: Evotars will show show bubble speeches and emotes, with 7TV emote support.
  • Customization: Chatters can customize their avatar’s appearance β€” from color to skin.
  • Raid Support: Raiders' evotars will 'fall' from the top to welcome the incoming community.
  • Easy to Use: Web-based, so no downloads or complicated setup needed for OBS.

How to Install in OBS

Reference: Create a new OBS browser source

  1. Log into Evotars Admin Panel using your Twitch account.

image

  1. Copy Your Overlay URL
    Under Evotar Admin Panel > Preview, click on the icon next to the blurred out link copy your stream's unique Evotars Overlay URL.\

image

  1. Add Evotars overlay in OBS:
    a. In OBS, create a new browser source
    b. Paste the Evotars Overlay URL.
    d. Set your desired width/height.
    e. Set the source setting FPS to 60 for smoother animation (optional).

image

πŸ’¬ Using Chat Commands

Enable Twitch chat commands for evotars via the Evotar Admin Panel here: Commands

Make Evotar Jump

  1. In Evotar Admin Panel > Commands, ensure that !jump is enabled as βœ… Active.

  2. In Twitch stream chat, type !jump to make the evotar jump. πŸ†™

Make Evotar Dash

  1. In Evotar Admin Panel > Commands, ensure that !dash is enabled as βœ… Active.

  2. In Twitch stream chat, type _!dash_ to make the evotar dash. πŸƒ

Change Evotar Skin.

  1. In Evotar Admin Panel > Commands, ensure that !skin is enabled as βœ… Active.

  2. In Twitch stream chat, type !skin and skin name to change evotar skin. 🎭 Example: !skin agent

  • You can set which skins can be used in the Skins section. Currently, these skins are available: agent, cat, duck, duck_evil, dude, girl, nerd, nyan, owl, senior, sith, sponge.

Change Evotar Color

  1. In Evotar Admin Panel > Commands, ensure that !color is enabled as βœ… Active.

  2. In Twitch stream chat, type !color and a color code to change the evotar color. 🌈 Example: !color red or !color #00ffcc

  • Suggested colors: white gray black brown olive green lime yellow cyan blue purple maroon pink red orange

πŸ’° Using Twitch Channel Points

Enable Twitch channel redeems for evotars via the Evotar Admin Panel here: Twitch Rewards.

  • Action: Select from the pull-down menu
  • Title: Name of the reward (this will be displayed in the Twitch channel)
  • Cost: How many channel points is needed to redeem this reward

Note: After these are enabled, ensure the channel point redemptions are also set up in Twitch Custom Rewards.

Make Evotar Jump

  1. In Evotars Admin Panel > Twitch Rewards, click on 'Add Custom Reward' button.

  2. In the form, select action 'Jump', fill in the blanks, and click on 'Add reward'.

  • Velocity X and Y are optional.
  1. Ensure the reward is enabled as βœ… Active.

Make Evotar Dash

  1. In Evotar Admin Panel > Twitch Rewards, click on 'Add Custom Reward' button.

  2. In the form, select action 'Dash', fill in the blanks, and click on 'Add reward'.

  • Force is optional.
  1. Ensure the reward is enabled as βœ… Active.

Change Evotar Skin (aka 'Sprite')

  1. In Evotar Admin Panel > Twitch Rewards, click on 'Add Custom Reward' button.

  2. In the form, select action 'Sprite', fill in the blanks, and click on 'Add reward'.

  • User argument = redeemer can choose their own.
  • Value = streamer can limit redeens to certain skins. Use space in between skin names. Example: cat duck nyan.
  • You can set which skins can be used in the Skins section. Currently, these skins are available: agent, cat, duck, duck_evil, dude, girl, nerd, nyan, owl, senior, sith, sponge.
  1. Ensure the reward is enabled as βœ… Active.

Change Evotar Color

  1. In Evotar Admin Panel > Twitch Rewards, click on 'Add Custom Reward' button.

  2. In the form, select action 'Sprite', fill in the blanks, and click on 'Add reward'.

  • User argument = the redeemer can choose their own.
  • Value = the streamer can limit redeems to specific colors. Use spaces in between colors (name or HEX code). Example: red yellow green
  • Suggested colors: white gray black brown olive green lime yellow cyan blue purple maroon pink red orange
  1. Ensure the reward is enabled as βœ… Active.

🚫 Hiding Specific Users

You can hide specific users (e.g. bots) from having an evotar to avoid cluttering up the overlay.

  1. In Evotar > Settings, under 'Users', type in Twitch username(s) you don't want evotars for. Use space to separate the usernames, e.g. user1 user2 user3

  2. Refresh OBS browser source for the changes to take effect. This will reset the overlay.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published