Send confetti... with Channel Points!
Every stream is a party when you've got confetti, and now you can with Pixel Confetti! We gave viewers the ability to celebrate the best stream moments and make them more memorable with this fun and seamless stream overlay that unleashes confetti through channel points.
Pixel Confetti
With Pixel Confetti, viewers can use their channel points to redeem a confetti animation on the stream. Any streamer can use the PixelPlush link generator and log in using their Twitch account to get an overlay URL with the selected options and then add it to their broadcast software as a browser source. The channel points redemption is automatically created in the channel for the broadcaster when the overlay is shown and the broadcaster or channel moderators can use the chat command !deleteconfetti to clear the created redemption or !resetconfetti to delete and re-create the redemption in case of errors. After the redemption has been created, the broadcaster is also able to use the Manage Rewards menu in Twitch at any time to change the cost and cooldown of the redemption or to customize it with an icon.
Inspiration
We are a team of two on PixelPlush, Maaya and Instafluff, who loves streaming and making Twitch-integrated games and overlays that broadcasters can use to make their streams more engaging and interactive! We learned a lot over the past year about what works and doesn't work for streamers through our projects and feedback, and now hundreds of channels are playing our games every month. The channel points API opened up many more possibilities for our games to not only play them via chat but to be rewarded for sticking around and watching.
Development
This project was built as a web page in HTML and JavaScript with Twitch Channel Points integration using ComfyJS, a popular JavaScript Twitch library we built and maintain, and our own HTML5 game engine, PinkFluffyUnicorn.
Challenges
We didn't run into any particularly big technical challenges during this hackathon because when the Twitch channel points system was released, we loved the idea and had already invested a lot of time over a year ago figuring out how to work with it and then added support for it into our open-source ComfyJS library so others could code for it as well, and even made a tutorial video: https://www.youtube.com/watch?v=5qLXKoyEuLI
However, during our development and testing, we also quickly learned thanks to our enthusiastic viewers that there can be such a thing as too much confetti...
What's next for Pixel Confetti and PixelPlush
Pixel Confetti was a great way for us to see how even just one good channel point reward can get viewers very excited and engaged with the stream. We would like to keep building more projects like this and make Twitch much more fun and interactive for streamers and viewers. Winning this hackathon would allow us to dedicate more of our time to building PixelPlush as our independent game studio, continuing to grow our portfolio of games and marketing to reach more broadcasters and viewers with these games.
Built With
- comfy.js
- html
- html5
- javascript
Log in or sign up for Devpost to join the conversation.