narrows

Online storytelling system

View on GitHub

NARROWS

NARROWS is an online storytelling system. The name stands for NARRation On Web System. The easiest way to explain it is to imagine an online Choose Your Own Adventure book with the following key differences:

  1. Instead of having a single reader, there are as many readers as protagonists in the story (it could be one, but also four or five).
  2. Instead of having to pick between two or three preset choices after each “chapter”, readers can write in a textbox whatever their characters do.
  3. Instead of the narrator writing the whole story with all possible branches upfront, then give it to the readers; the narrator writes only one chapter at a time and waits for the readers to submit the “actions” for their characters. Based on those actions, the narrator writes the next chapter.

You can also think of it as a way of running ruleless, diceless RPGs online (which is indeed the reason why I wrote it in the first place).

Installation

NARROWS is a web application with a backend. As such, it needs a server connected to the internet to be used. For installation instructions, please have a look at the README.md file in the GitHub repo.

How does it work?

A specific telling of a story to a specific group of people is called a narration in NARROWS. A narration has a group of protagonists called characters (Player Characters in regular RPG parlance) which are played by one user each. A narration contains chapters, which is a body of text with a background image and a soundtrack. Each player submits a character action for every chapter. Once every player has replied, the narrator can read all actions and write the next chapter.

To avoid players having to create accounts, when a chapter is published a special URL is built for every character, and sent via e-mail to the appropriate player. Thus, players simply wait for an e-mail for every chapter, then click a link and they are ready to read.

How does it look?

Screencast

If you prefer a short video (7:40), see here. If not, scroll under the video to see screenshots.

Screenshots

This is the narrator’s dashboard:

Narrator Dashboard


This is a narration’s overview page:

Narration Overview


This is a chapter’s creation/edit page (first chapter of the narration, so no previous chapter to refer to):

Narration Overview


This is a chapter’s creation/edit page showing the previous chapter’s reactions and text:

Narration Overview


This is a (published) chapter’s control panel:

Narration Overview


This is how a chapter looks for a player:

Narration Overview


This is how a chapter looks for a player when you scroll past the chapter text itself to see the messages and action box:

Narration Overview

Credits

  • Speaker/mute icons made by Madebyoliver, from Flaticon. They are licensed under Creative Commons BY 3.0.
  • Trash icon by Freepik, from Flaticon. Licensed under Creative Commons BY 3.0.
  • Add/plus icon, message icon and user icon by Lucy G, from Flaticon. Licensed under Creative Commons BY 3.0.
  • RSS icon by Dave Gandy from Flaticon. Licensed under Creative Commons BY 3.0.
  • Vintage divider by Web Design Hot. Licensed under Creative Commons BY 3.0.