Welcome to Twine Starter on Glitch!
<img src="https://cdn.glitch.com/a29a05ab-0368-4775-8fa6-2d134b96cfab%2F1_D4PatAaU5Xu7BA5cFrNSjQ.png?1559166249046" />
[[What is Twine?]]
[[What is Glitch?]](link: "Twine")[(goto-url: 'https://twinery.org/')] is a tool that allows you to build interactive stories like choose your own adventures, RPGs, and visual novels. It has a graphical user interface that enables you to move boxes around to shape your story, so you don't need to write any code. However, you can add conditional logic and other fancy bits with JavaScript if you would like.
<img src="https://cdn.glitch.com/a29a05ab-0368-4775-8fa6-2d134b96cfab%2FScreen%20Shot%202019-06-04%20at%2010.56.41%20AM.png">
Check out the (link:"Twine wiki")[(goto-url: 'https://twinery.org/wiki/start')] for more information. And if you want an example, well...you're in one right now! This tutorial was made using Twine.
[[How do I upload my Twine project to Glitch?]]
[[What is Glitch?]]Glitch is the friendly community where you can find the app of your dreams! Come to hang out and find rad apps, or come to create your own.
If you want your Twine project live on the web so you can share it with your friends, you can get it up and running on Glitch by pasting your .html project export into a Glitch project. That's it! You can host your images on Glitch, too, so you don't have to use a Base64 encoder.
[[How do I upload my Twine project to Glitch?]]
[[What is Twine?]]First of all, congrats on publishing your first project! You can check out the Readme for this app, or follow this walk-through on how to host your Twine project on Glitch.
Open your story in Twine. See where it has your project name in the lower left corner? Click on it and select "Publish to file."
<img src="https://cdn.glitch.com/a29a05ab-0368-4775-8fa6-2d134b96cfab%2FScreen%20Shot%202019-05-29%20at%204.29.55%20PM.png?1559161869001">
[[Next]]Double-click this passage to edit it.Next, follow (link: "this link")[(goto-url: 'https://glitch.com/~twine-time')] and remix this project! It will create a copy of this app that you can toss your code into.
<img src="https://cdn.glitch.com/a29a05ab-0368-4775-8fa6-2d134b96cfab%2FScreen%20Shot%202019-05-30%20at%2011.33.43%20AM.png?1559230498509" width=700px>
[[Next|Next2]]
In your brand new Glitch app, you'll see a file tree on the left-hand side. Go to index.html and delete everything in it. Yes, we mean everything.
<img src="https://cdn.glitch.com/a29a05ab-0368-4775-8fa6-2d134b96cfab%2FScreen%20Shot%202019-05-30%20at%2011.40.19%20AM.png?1559230850971" width=750px>
[[Next|Next3]]Remember the HTML you downloaded from your project? Now paste that into index.html on Glitch. And...voila! Your Twine project is live!
[[Take me back to start|The start]]Hot tips? You betcha.
You can host your images on Glitch by uploading them to the "assets" folder in the file tree.
Click on the image and copy its link. You can swap it into the code snippet below and place it in your project to add an image.
"<img src="your link here">"
[[Take me back to start|The start]]