zaytri/stream-elements-widgets

Custom Stream Elements Widgets

StreamElements Widgets by Zaytri

Hi! Feel free to check out the code of my various custom stream widgets.

Widget List

• Animated Gradient Frame
• Chat Leaderboard
• Dynamic Chat Bubbles

You can see all of them in action on my Twitch! https://www.twitch.tv/zaytri

stream-elements-widgets's Issues

Is it possible add "show avatar from twitch" for chat bubbles?

Good morning, thank you very much for this chat which is really good. I now don't know how to apply for this addition so I try here.
I have seen the "show badges" option, so I ask if it is possible to add a similar option also to show the avatars of each user who writes in the chat. Thank you very much in advance!

Add "Smooth Scroll" animation type to Chat Bubbles widget

One feature I noticed in a vtuber's was a chat that scrolls smoothly.

I understand this is a feature that is not normally seen in twitch chat nor any 3rd party software solution. It seems any time a new message comes up, the previous message instantaneously jumps to make space for that message.

This new feature would allow the option to have an animation type that instead adds the new message out of sight and then smoothly "scrolls" that message, along with all previous messages, into the main view. As the older messages leave the main view, they would be deleted.

The most similar animation type to this would be "Dynamic" though even this animation type has a noticable jagged jump before smoothly "opening" the message.

Resizing is not working in 2-3 key ways

For reasons I don't understand, resizing doesn't work correctly.

1. If I type custom numbers into the Width and Height text fields, the chat bubbles spawn outside the specified boundaries.
   Let's assume a starting width and height of 600 and 900.
   example 1: I type 800 into the Height box, hit enter, save, and send a test message. The new bubble spawns outside the boundary, so it gets cut off at the bottom, I can only see the top half.
   example 2: I type 1000 into the Height box, hit enter, save, and send a test message. The new bubble spawns 100px above the specified bottom border, instead of right at the bottom.
   (this error does not occur when resizing with dragging the edges, only with making inputs to the numbered text fields)

2. If I drag one of the edges of the blue rectangle, not only does the width change, the height does too.
   Let's assume a starting width and height of 600 and 900.
   example 1: I drag the left edge slightly to the left, and this results in 612 width and 904 height.
   example 2: I drag the left edge slightly to the right, and this results in 591 width and 904 height.
   example 3: I drag the top edge slightly up, and this results in 604 width and 908 height.
   example 4: I drag the top edge slightly down, and this results in 604 width and 891 height.
   As you can see, the height always slightly increases when I make adjustments to the width, and vice versa, when the expected behaviour is for the edge I didn't touch would stay the same.

3. When dragging the borders to resize, this results in fractions of pixels as the final size, e.g. 670.53px x 858.84px. This could become a hassle for streamers trying to get things exactly aligned to the dimensions of their monitor or their game window.

7TV Disabled

The Chat Bubble widget now has 7tv emotes disabled. Is there a way to re-enable those?

ChatBubbles User-Filter Follower not shown

Hey there,
when in the User Filters Field "Show messages from everyone" is set to "no" and "Show messages from Followers" is set to "yes" with a minimum of 1 Day, the Followers aren't showing up at all. Even when they're following more than 1 month.