Electric Playhouse's art director had the idea to split the front page into four sections that would showcase the four main sections of their in-house experience - dining, playing, special events, and shopping. She and I brainstormed to create one fun experience/mini-game for each section.
The idea behind the Cafe game was to be kind of like an interactive slider where you ate through a few different types of food that Electric Playhouse offers, and the Play experience is a nod to a few different of the games you can play if you visit.
The Events experience is another nod both to the traditional slider, and a way for staff to easily swap out new events as they come in.
Finally, the shopping game (?) is just a fun way to see the awesome designs Electric Playhouse has to offer in their merch.
One tricky part of this whole thing was managing performance. The games have a large amount of work to do for each frame, and when they are all running at once, the frame rate drops way down. I had to manage all of them and only render one game based on the scroll offset of the window.
Pulling off the overlapping slanted sections required some fancy footwork between the CSS and what Elementor can do out of the box, and it was very time consuming to make sure the slants worked on every possible screen.
All in all, it was a blast and I would love to bring more experiences like these to the web.