Forum Discussion

MarkSpermon-33e's avatar
MarkSpermon-33e
Community Member
11 days ago

Multiplayer Online Escaperoom In Storyline

 

Hi,

I want to share a project that Marloes Berkers and I have been working hard on for the past few months. 

We created a demo of a multiplayer Escaperoom in Articulate Storyline with the Theme “Active Listening.  You can play this escaperoom together with 2 or 4 people at the same time. 

I will tell more about how we created the escaperoom below but of course the most fun is to play it yourself. You can do that here.

Startscreen

AI

As a test, we used AI as much as possible in support to create this escaperoom. We used ChatGPT when brainstorming ideas. ChatGPT and Claude used at javascript and MidJourney used for design of the escaperoom and characters and RunwayML for video.

We have really enjoyed using AI and we really see the added value of AI for creating engaging elearning courses.

The Idea

We wanted to make the escaperoom not only fun the participants had to learn something. By brainstorming and using chatGPT's help with that, we came up with “Active Listening. Participants have to use the principles of 'Active Listening' to solve the puzzles in the Escaperoom.

The Story

The story of the escaperoom revolves around a team of specialists solving secret missions. They now have to steal something from a vault that famous psychologist Carl Rogers left there. Something of value to any organization. To make the feedback to “Active Listening,” the team members are not allowed to talk to each other in the bank but must communicate in other ways.

How the story ends I won't reveal of course. To find out, of course, you must play the escaperoom yourself 😀

 

Select you character

The technique we used

We've built the Escaperoom in Storyline but connected the Storyline course To FireBase.

What is FireBase?

Imagine you want to build an app— To make your app work, you need a place to store data, handle user logins, and send notifications. Instead of setting up your own complicated servers, Firebase helps you do all of that easily.

  • Instead of keeping data on your phone or computer, Firebase saves it online (in the cloud). This way, your data is safe and can be shared across devices.
  • If you change something in your app, Firebase can instantly update it for all users without refreshing.

FireBase's most useful feature is its real-time updates. With these real-time updates, we could write the value of Storyline variables to FireBase using Javascript, and the value can then be updated instantly with other users.

Example: in our Escaperoom, two players in a specific room in the Escaperoom have to interrogate a Security robot to find out part of the vault code. When one player answers, the other player also immediately sees what the other player answered.

Questioning the AI computer

And of course, we use FireBase many more times in the escape room, but to experience that you have to play the escape room yourself 😀

Javascript

To connect Storyline to FireBase we used javascript. Also to write Storyline variable values to Firebase and to retrieve them we used javascript code. Most of the code we got it generated by ChatGPT or Claude and it worked well. We got usable javascript code that we could use directly in Storyline.

One of the pieces javascript (With Dutch comments in it )

Design

For the design, almost all the assets you see in the escape room were created with Midjourney. Occasionally, we used the generative fill option in Photoshop to adjust details of images.

Play the demo

Have you become curious about the final result and want to play the demo yourself?

 Then go to our website https://operationlistenup.com and request the demo there. You will then receive a personal link which you can share with your fellow players directly.

No RepliesBe the first to reply