Animated Shoutouts by thoseEyes
A simple animation that responds to the !so command in Twitch chat. It shows a streamers profile image and username.
To get started, download the the code and double-click 'starthere.htm' for full instructions on how to set this up.
Open up config.js and inside you can change the following variables:
- pauseDuration - the length of time the shoutout will pause in the centre of the screen (in milliseconds)
- rollInOutDuration - time taken for the image and text to roll in to the centre of the screen (in milliseconds)
- userBackgroundColour - background color of the label
- userTextColour - text color of the label
Currently this code has the following shortcomings:
- Support only for 1920px by 350px sized source
- Fixed size animation
- Only one type of animation (roll in and out)
- Manual steps to setup config.js for authorisation
This code makes use of the following libraries
A credit and link back to this page https://github.com/thoseEyes/thoseShoutouts would be highly appreciated!