Arcweave Documentation

Appearance

Play Mode ​

Arcweave includes a built-in Play Mode to simulate your interactive experience directly.

An orange arrow pointing at the Play Mode button of an Arcweave project's top menu.

While still in The Castle, click the ▶️ Play Mode button in the top menu (left side, right after the project and current board name) to enter Play Mode.

A split screen view of an Arcweave project and its Play Mode. The focus in both sides is the starting element, and it is clear that the connection's label (saying "Enter the castle") in the board corresponds to the Play Mode button with the same text.

Play Mode opens in a separate browser tab and updates automatically with any edits you make. If your screen size permits it, you can place the two browser tabs side by side for more control.

Play ​

You can now play through the example story.

A split-screen view of an Arcweave project and its Play Mode, with both sides focusing on the starting element. Orange rectangles and arrows highlight how the element's cover becomes the featured image in Play Mode, and how the connection's label appears as an option button.

As the story flow moves from element to element, you'll notice the following:

  • The current element's cover appears as a prominent image above the text content.
  • The connection labels render as option buttons below the text.
  • The audio attachments play when their element loads.

Click the option buttons to progress the story.

Top menu ​

Play Mode holds more features, but it's too early to go through them all. If you're feeling curious, explore its top menu, which includes the following. On desktop, the menu hides a few seconds after your cursor leaves it; hover near the top of the window to show it again.

  • Restart: Resets everything and restarts the story.
  • Enter full screen: Shows Play Mode in full screen.
  • Share: Lets you share your project and control its public access.
  • Audio: Controls the playback volume of your project's audio.
  • Localization: Lets you choose the story's language (Team workspaces only).
  • Edit content: Lets you edit element and option text, as well as reorder option buttons while playtesting. Changes are saved automatically.
  • Style Editor: Lets you style Play Mode's appearance through direct CSS editing.
  • Debug: Opens the Debugger, where you can inspect the current board, current element, and variable changes.

Edit content, Style Editor, and Debug are available only to owners and editors.