Skip to content

Jumper platform game for Twitch streamers to play live with their chat

Notifications You must be signed in to change notification settings

brianwatroba/chatformer

Repository files navigation

Chat Jump 👾

Jumper platform game for Twitch streamers to play live with their chat.

Featured on various Twitch streams, including Day9TV.

Winner: 1st place at On Deck Founders' Hackathon: 2021



Access

App: https://chatjump.herokuapp.com/

New levels in development

The problem

  1. Viewers want to engage: they’re interested in new, deeper ways to connect with their favorite streamers beyond passive viewership
  2. Monetization is hard: despite loyal and engaged followings, on-platform monetization tools are limited to subscriptions, donations, and ads
  3. Rewards aren’t shared: these monetization tools don't give back much to viewers. There is room to make stream rewards more valuable and shared

Our solution

Games can help.

Streamer followings are tight-knit, loyal, and magical.

We believe that more native gaming experiences--designed specifically for how streamers and viewers can connect on-stream--will better serve that magic.

Chat Jump is our first prototype in a suite of new games to bring streamers and viewers closer together.

Why build this?

Engagement: new, immersive experiences to help streamers interact with their viewership.

Streamer monetization: the current subscription/donation model works, but is wildly inefficient. A viewer's payoff for subbing/donating (access to emotes, getting your name read on stream) is so low compared to the $5-$10 it costs. But viewers do it anyway. Huge opportunity to provide better viewer rewards for supporting their favorite streamers. And in turn help streamers make more money with the communities that love them.

Use cases and examples

Day9: Sean Plott, a famous Twitch streamer and gaming industry personality, has played Chat Jump on his stream to engage with his viewers.

Other gaming creators: many creators use Chat Jump as a relaxed way to "just chat" with their viewers, whether in between competitive games or as an alternative to just talking to the camera.

How it works

  1. Open app: streamer navigates to Chat Jump web app
  2. Start game: streamer logs in via Twitch (OAuth), connects to their own stream, and starts to play
  3. Viewers chat: viewers chat via Twitch as normal
  4. Chat becomes game platforms: viewer chat messages show up dynamically in the Chat Jump game, and the streamer can jump on chat messages (as platforms) to get as high as possible, scoring points
  5. Play and compete: streamer and viewers collaborate to get the highest score, competiting with other streamers and their communities

Local setup

  1. Clone project
  2. Run "npm i" in root directory, then cd into "client" and run "npm i" again
  3. Run script "npm run dev" to start dev server. This starts both the server and client dev servers simultaneously. Client = port 3000, server = port 5000.

Notes about project structure:

  1. Server code is at root, client is in client directory
  2. Client directory houses both React front end (root > client > src) and all Phaser code (root > client > src > phaser)
  3. All assets (sprites, images, html snippets, etc.) are in the public directory (root > client > public)

Contributing

Pull requests are welcome. Thanks for your interest!

License

MIT

About

Jumper platform game for Twitch streamers to play live with their chat

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •