Forum Discussion
Vibe Coding an Escape Room
I built this escape room mini game as a Portable Web Object, first as a fast prototype in Figma Make, then as a working build in Claude Code. It is designed to sit inside a Storyline or Rise course as a short challenge, practice activity, or knowledge check with a story feel. If you try it out, I’m open to any notes on the flow, difficulty, or small tweaks that could make it even better.
12 Replies
Realistic practice activity. I could also see putting out as a challenge on internal social media.
This was great!
I love this! I have so many questions! How did you get the cursor to look the way you wanted? How did you achieve the masking of the spotlight? Can I use Google Gemini to vibe code things like this? Where do I start if I don't have Figma? I have so much homework now, thanks! :D LOL
Nice
This is great! So many applications.
This is really slick. I wonder if you could make it work with both directional keys and the mouse. From an accessibility perspective, this would be a huge improvement.
Thanks for sharing RachelEMdesigns, this is really slick! We’ll be featuring this in an upcoming ELH Weekly newsletter. If you want it delivered to your inbox, be sure you’re subscribed. 🎉
I’d be curious to hear more about your process if you’re open to sharing. How did you approach “vibe coding” this?
I feel like this pattern could translate really well to other use cases (compliance scenarios, onboarding moments, etc.). Would love to hear if anyone has ideas for repurposing something like this. 👀
Oh for sure, there are so many use cases! I first prototyped it in Figma Make to get the layout and interaction flow right. Then I rebuilt it using Claude Code in VS Code with Phaser.
You can actually build most of it in Figma Make. I just found it easier to control clickable areas and logic in code. Either way, you still need an IDE to package it as a web object before dropping it into Storyline.
Great job!
Very well done!
I think your link points to wrong course. It's showing a Pharmacy assessment.
Thanks! Updated :)
