<aside> <img src="/icons/gear_lightgray.svg" alt="/icons/gear_lightgray.svg" width="40px" />

Github repo: https://github.com/justinjohnso-itp/narr-twine-project

</aside>

<aside> <img src="/icons/globe_purple.svg" alt="/icons/globe_purple.svg" width="40px" />

Live page: https://justinjohnso-itp.github.io/narr-twine-project

</aside>

Twine / twee!

While the actual Twine app is a nifty tool, I found the manual exporting of html files to be kind of annoying every time I wanted to “build” my project. After some digging, I found a trio of tools that made for a good code-editor-only Twine dev workflow!

• Twee Language Tools: a VSCode extension that adds support for the .twee language, with syntax highlighting, autocompletion and a nifty storyboard view.
• tweego: a command-line complier for .twee files. This does the bulk of the heavy lifting during the actual dev process, as it takes over building the .twee code into HTML/CSS/JS.
• Tweego Setup: a boilerplate setup to quickly get a project up and running.

Inspiration

The main shape of this story/experience comes from House of Leaves. I’m currently working my way through the book, but especially in this current attempt (I’ve given it a shot before), I’ve been enamored with the visual layout. The typography alone makes for a wild experience.

While House of Leaves served as the main visual and structural inspiration, many of the story elements came from:

• My own family history (I’m half Caribbean)
• The video game Control (much of the “unknowable” supernatural vibe)
• The video game Sunless Skies (some of the narrative style)