Drop onto the target... with Channel Points!
Parachute down the stream and see if you can land on the target for the highest score! We took our most popular stream overlay game and created a channel points-activated version for this hackathon. Our game is already active in hundreds of channels each month with thousands of players, and with the magic of channel points, it can now allow viewers to join in each round as a loyal viewer reward, which can be useful since many streamers sometimes use the game to do live giveaways and pick the top-scoring player as the winner, and to enable the ability to sprinkle bouncing ball obstacles using channel points when in the past, it was only available through Twitch bit cheers.
Parachute Drop
Parachute Drop is a fun and minimally-intrusive stream overlay game played during even the most active segments of a live stream, and viewers are launched with a parachute from the top of the screen and bounce and collide with each other on the way to the bottom of the screen with the goal of landing as close to the center of the target as possible. It features many different game themes to choose from only requires a simple one-time browser source link created through our website to set up and 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. Players can also purchase Plush Coins on our website to use on character skins and pets in this game and others or view the game leaderboard for enabled channels.
The channel points redemptions are automatically created in the channel for the broadcaster when the overlay is shown and the broadcaster or channel moderators can use the chat command !deleteparachute to clear all of the created redemptions or !resetparachute to delete and re-create the redemptions in case of errors. After the redemptions have 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 redemptions or to customize them with icons. Additional chat commands include !drophigh !droplow !droprecent !droptop to show the channel's leaderboard scores in the Twitch chat, and !queuedrop and !startdrop to allow everyone to enter and then start the drop at the same time.
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. The server and leaderboard system was built using NodeJS and ComfyDB.
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
What's next for Parachute Drop and PixelPlush
Parachute Drop is our most popular game in PixelPlush and we are excited about the potential that the Channel Points API brought into this and our other projects. 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
- comfydb
- html
- html5
- javascript
- mongodb
- node.js
Log in or sign up for Devpost to join the conversation.