You can download the format here, or pump it straight into Twine using this URL:
Thanks go to Greyelf, Chris Klimas (whose code I stole from Snowman), and that one dude in Starbucks.
Screentastic is a new custom Story Format for Twine 2 which at the moment is a little feature-barren (because alpha), but does feature its own, easy to use markup language. The format takes your input on a line-by-line basis and rejiggers it into twine-readable HTML (here is an example of a published file, with the format.js included
). Twine 2 uses the free font Courier Prime, converted into base64 for mobility. It is downloadable here
So how do you install Screentastic? It's pretty simple. I recommend downloading the file first, then opening it from Twine.
Open Twine 2.
On the right side, you'll see +story, Import from File, Archive, and Formats. Click on Formats.
There will be the popup window that shows you all of your currently installed formats. At the top, on the third tab is "Add a New Format". Click that.
Copy-paste either the folder, or the URL into the box and click "+Add"
Here's where it gets a little funky. Twine doesn't really know when a Story Format's been added, so just wait for 5-10 seconds and it should be completely loaded.
X out of the format popup and click on "Formats" again.
Click on the "Story Formats" tab and Screentastic will show up underneath Sugarcube. There's no icon at this point so it just shows a broken image.
And that's that! Screentastic is now loaded into your Twine.
So once you've started on your screenplay, you'll need to follow the markup, otherwise your formatting will break. It looks something like this:
***>> text that goes into your story.
The first five characters are a formatting code that Screentastic uses to format the rest of the line into an entertainment industry standard screenplay format. After that, it just looks for the end of the line, so be sure to keep from hitting that newline key until you're ready. This was designed this way to help facilitate writing speed.
Here are the codes:
sch>> This is a scene heading. It is autocapped, and appears on the left of the page.
tra>> This is a camera transition. It is autocapped, and appears on the right side of the page.
cha>> This is a character's name. It is autocapped, and is centered, 25px to the left.
dia>> This is dialogue. It is centered, slightly wider than character name.
act>> Action. It puts the content on the left side of the page.
Links are handled in the typical fashion. At this point I've only built links to look like this:
I had to take out the other formats for simplicity's sake, but will be putting them back in later.
**Future markup codes**
par>> Parentheticals... This is a pretty important one, so it'll probably be added soon.
dch>> Dual character names, for when two people are speaking at once.
ddi>> Dual Dialog lines, for when two people are speaking at once.
tch>> Triple character names, for when three people are speaking at once.
tdi>> Triple Dialog lines, for when three people are speaking at once.
Back and forward buttons. Yes, I know... It's not in there yet. Version 0.1.0 is very barebones.
Savepoints. Eventually... it's a low priority.
Print button. For printing, cause it's easier to read.
Save as PDF. Because it's a must.
Make the links prettier. Just... because.
Taskbar to house all of these great features.
I would love to hear your feedback, comments, concerns, and everything else regarding Screentastic. Feel free to message me on this forum, reply to this post, or hit me up using the contact form on my website, here