Inspiration
Pando's artstyle and the way it allows users to have a cozy experience during breaks or downtimes.
What it does
Mystery Mansion allows viewers to interact with a pixel artstyle interiour.
How we built it
PhaserJS, Phaser Editor, TypeScript, CSS, Vite (MPA mode) and a custom plugin to zip it for upload. User interactions triggers on all running extension utilizing the "broadcast" transactions that emits bits used via "onTransactionComplete". The initiator's and the other's active Extension reacts to that event.
An optional, non gameplay related EBS listens to "extension.bits_transaction.create" eventsub event to monitor transactions and bits usage.
Challenges we ran into
State synchronization without utilizing an authoritive server. In the end, it is the user experience that matters, not the tech. Therefore it was easier to allow interactions, that do not rely on a source of truth state to keep the Twitch Extension playful and running.
Accomplishments that we're proud of
The Twitch Extension works without using an EBS. Experiment with Phaser Editor x Twitch Extension.
What we learned
The Phaser Editor is a great way to create compositional scenes for Twitch Extensions. Keep it simple.
What's next for Mystery Mansion
More rooms that can be unlocked by solving Puzzles in a cooperative way with other viewers. Furtherly, allow non-bits features to be triggered.
Enhance cross-streamer gameplay by adding real-time interactions such as moving interiour and triggers.
Cooperative gameplay to solve puzzles and proceed through levels.
Log in or sign up for Devpost to join the conversation.