Mythic GM is a digital implementation of the Mythic Game Master Emulator. It is a tool for tabletop role-playing games like Dungeons & Dragons and Call of Cthulhu.

Role-Playing Games are collaborative storytelling games played with pen and paper. They take place in the players' collective imagination and use dice to randomly determine the outcome of player choices in the story.

Mythic is a tool that can assist in the storytelling aspects of the game, generate random events, and answer yes/no questions the players may have about the world they are exploring.

There are two groups in any role-playing game, the players who each control one character, and the Game Master, or GM, who is responsible for describing the world, generating obstacles for the players to overcome, and controlling all of the nonplayable characters the players may interact with.

Mythic is primarily for three groups of people:

• The GM - Mythic allows a GM to run a game without the need for the lengthy preparation usually involved. Mythic games are largely improvised with maybe a few minutes of initial brainstorming for the setup.

• The players - If there is no GM available or the player count is too small, the players can use Mythic to generate the adventure without the GM. Mythic is commonly used to play RPG solo with one player.

• Creative Writers - The mechanics in Mythic lend themselves very well to any creative writer who may have writer's block, or just want some random ideas for a story.

The site is deployed here:

• https://xiaoniuniu89.github.io/mythic_gm/

• As a GM/player, I want to supplement my game with mythic without the need for flipping through pages to find information.

• As a GM/player, I want to use mythic without all of the usually involved bookkeeping.

• As a player, I want a GM tool that can replace my group’s GM if they can not arrive at a session.

• As a GM/player, I want the app to track all of my characters, plots, and threads. I do not want the immersion of the game stifled by having to think too much about what is happening to the story.

• As a GM/player, I want any unnecessary dice rolls to be handled by the app. I should only be focused on my own character’s dice rolls.

• As a Gm, I want my players to feel as if the story is unfolding naturally and not feel like I am pushing them towards one conclusion where their choices do not matter.

• As a GM/player, I want a clean, elegant app that is not cluttered with text. Anything to take me out of the immersive story is bad.

All user's needs should be met by this app. Everything they need is on one page. If they forget anything the how to use modal window is just one click away.

There are no extra dice rolls for players, and they can play a session by themselves if their GM can not make it.

All characters and plot threads are tracked and referenced when needed by the app. There is no extra book-keeping involved.

There is plenty of random chance at work with mythic and yet the story should feel organic to the point that the players' choices are shaping the world around them.

All of the text that could clutter the app is contained in a modal window with its own navigatable table of contents. The app is clutter-free and is a true representation of the source material.

• Cinzel Decorative - Thematic font for Logo and any other headings and buttons.
• Raleway - text compliments Cinzel very well. Used mostly for About section.
• Eater - Any text generated in the oracle uses this text. I wanted the feeling that the answers were coming from another realm or a magic mirror - something like that.

Color is kept mostly black and white except for the background image which I think has a kind of pirate map/adventure map coffee stain to it. The main colors are:

• Black - Emulator Window
• Whitesmoke - text. I wanted to have a bone-white kind of color to any text in the emulator. As if the user was casting old runes.
• #e9e9e9 - how to section background-color - I like this because it makes the how to section look like a rule book!
• Background image has a stained coffee kind of color to it.

Wireframes for the app

• Desktop & Tablet View
• Phone View

There were so many features I wanted to implement in this app, but due to time constraints and my own limitations in making apps, I focused on the MVP as the first release. The features for this release will focus entirely on the sourcebook. I will not add any additional features.

In my research, I found a couple of apps that do the same thing as my app, but they are visually, extremely lackluster. I wanted to make my app thematic. It should feel as if it is part of the game. I was very careful in every step of making the app to make sure it was as immersive as possible.

The layout is very simple. I wanted to experiment with tabs for this app, so I made the app all on one page. This means less time wasted trying to load pages and trying to find information.

The background image is perfect for this app. It is reminiscent of an old map and will be very thematic to most RPG games. It is a nice contrast to the overall black and white colors present elsewhere.

The logo text was a very important consideration, because I wanted the text to look somewhat like the logo of the source book.

All of the text explaining how to use the app is found in a modal window that the user can open without going to a new page. Overall I wanted it to feel like a rulebook, as many users of this app would be familiar with having 1-2 rulebooks open at all times to play a game.

It will darken the background to create contrast with the app and it has its own unique scrollbar which I feel will not distract from the aesthetics of the app.

This gave me a lot of freedom to write as much content as I wanted for the how-to-use section without cluttering up the site and affecting the user experience. unfortunately, the how to section is to cramped on mobile view, so at smaller screen widths, the iframes are replaced with clickable links and some of the less important paragraphs will not be displayed.

The app can be quite complicated to use, so I am very pleased with the how-to section and how in-depth it went with explaining everything and giving examples of use.

The three tabs each display different content. The active tab is also a brighter color to remind users where they are.

The chaos number starts at 5. It can go as low as 1 and as high as 9. The chaos number represents how in control the players are of the adventure. When it reaches level 9 a color animation will make the chaos number flash a blood red to highlight how out of control the players are of the adventure.

The three buttons at the bottom of the oracle tab are the main ways users interact with mythic.

The start scene button is used whenever the user starts a new scene/chapter. The higher the chaos number the higher the chance of something random happening at the start of a scene.

The question button lets users ask Mythic yes/no questions. When clicked users are prompted to select the odds of their question being yes. The higher the chaos number, the higher the chance the question will be yes. There is also the possibility of a random event happening here. It is
referred to as the Fate chart in the source material.

The event button generates two random keywords that the user will interpret to give direction to the story or to flesh out a yes/no answer.

each random keyword is stored in an array containing 100 words. In the source material, a user accesses these by rolling percentile dice.

When an answer is displayed - the emulator window will display a blur effect animation with the text in the center of the window.