An editor for Tracery, made with a simple UI.
JSON editor
The JSON editor works the same way as Tracery does. Fill in your Tracery grammar JSON object and click on '📖 Generate story'. The start symbol for the Tracery grammar is always 'origin', so make sure that you have a symbol called 'origin' that refers to the rest of your symbols for the application to work. The button titled '📋 Copy JSON to the clipboard' copies the JSON object to the clipboard for use and/or storage outside of this application.
Simple editor
The simple editor works in a similar way to the JSON editor. You create a symbol by giving it a title in the first field and a rules in the second field(separated by commas). To add another symbol, click the button titled '✔️ Add another symbol'. Once your symbols are all set up, you can put it all together in the big textarea below the symbol input fields by refering to the symbols by their name(s) surrounded with '#'s, e.g. #animal# for a symbol with the title 'animal'. Finally you click '📖 Generate story' to see the result. The button titled '📋 Copy JSON to the clipboard' copies the template for your current story to the clipboard for use and/or storage outside of this application. To import a saved story, paste the information in the JSON editor and click on '📖 Generate story'.
View generated story
Here you will see the result of the generated story that you have created. Click on '📋 Copy the story to the clipboard' to copy the story in the textarea. Click on '📖 Reroll story' to generate a new random story from the symbols that you have created in either the JSON editor or in the Simple Editor.
For a more extensive explanation on how to use Tracery within this editor, either visit the Tracery Github page or this Tracery turorial.
Either by going to the Github repository for the project, or by sending an email to tracitor[dot]contact[at]gmail[dot]com
I would like to thank the authors of the following technologies. Without them, this small project would not be possible.
The background image is courtesy of Wikimedia Commons
All symbols in the list are sortable, drag them around to try it out!