Play mode

Overview

Arcweave Play Mode

Play mode enables prototyping a project as an interactive choice game, allowing anyone to play out your project story & dialogues through their browser.

  • 💡 Play mode focuses on the content of one element in each page.
  • 💡 Each page renders the element cover image or icon and its content.
  • 💡 Outgoing connections appear as a clickable option buttons underneath the element content.
  • 💡 Clicking an option button will focus play mode to the item targeted by that connection.

Starting element

To enable Play mode for your project you must assign an element as your Starting element, which will indicate the first screen of play mode. To set a Starting element right click on an element and select Set as starting element from the menu. To remove a starting elemeng right click on it and select Remove starting element.

Start play mode

To view your project in Play mode click on the play icon at the top right of the navigation bar.

{success} Making changes in your project updates play mode in âš¡ real-time!

Changing order of options

You can change the order of the selectable options in each page of Play mode by dragging and dropping each option (currently only possible in Play Mode).

Script execution

Whenever a new element is shown in play mode its scripts are run in the sequence they are written. The state of the variables is changed by the scripts and you may inspect these changes using debug. Variables are valuable in displaying dynamic content to the user during play mode through the show() function and for allowing only specific options to be displayed (during play mode again) through the use of branches.

Debug

Debug info is visible to the owner and editors of the project. To open the debug overlay click on an empty space in play mode and then click on the debug button showing at the bottom right corner. The debug drawer shows the number, names, types and values of all project variables in real-time, allowing you to observe changes in their values while prototyping your project interactions.

{info} If you can see the other UI elements but not the debug button make sure that you are either the owner or an editor of the project.