How To Make A Basic Twine Game

Are you new to Twine? Have you just opened up the program and don’t know where to begin? Well, fear no more! I have eight simple steps on creating your very first game with Twine. Today we will be making a basic game that requires very little programming.

1

Here is the opening menu of the engine. As you can see, I’ve made a couple of games on here already. You have three formats to choose from, which you can find in the “formats” tab. However, for this, we’ll stick with the default Twine 2.0 setting (Harlowe 1.2.2). Begin by clicking the green button that says “+Story”. Name your story and press “+Add”.

2

This is the storyboard blueprints. This is where you will create your game. This is zoomed in, but you can zoom out by clicking the boxes on the tab in the bottom right. You can click the green “+Passage” button to create a new passage, but this will be unconnected so don’t do that. Instead, double-click the “Untitled Passage” box in the middle of the screen.

3

What you have here now is the passage. It is here that you can write your story and build your game. As you can see, I have already begun writing. The [[Begin Learning]] is the most basic form of programming in the engine. This is your button function, which gets you from one passage to the next. Go ahead and write anything in and when done, click the close button in the “Untitled Passage” line. We will ignore the “+tags” function for now as that is for later reference when your game is more complex.

4

As you can see on your blueprints page, you now have a second passage that has appeared. You will also notice a line between them. This means you have successfully linked the two pages, meaning you can go from page one to two now. To continue, double-click this newly made passage.

5

Repeat the same process as you did in Step Three. You don’t have to enter the exact story I have but do a similar one as it will make this easier to follow. This time, add two button functions instead of one. Once you do so, exit the passage.

A note to remember: Twine is very sensitive when it comes to passage names. Always use unique names as a passage can always be linked with the wrong one. I’ve made this mistake many times in my time with the engine.

6

Do you see two passages extending off the one now? If so, you have successfully created a branching narrative. This is where you can make your story with multiple endings. Continue the repeat the processes you did in Step Three and Five.

7

Now we come up to an interesting part of this: linking back to previous pages. As you can see here, I have a vampire in front of the castle. You may want to give your players a choice, either approach them or return to the fork in the road. To return to the fork, simply make a passage called [[Return to the Fork]]. From there, go to this new passage and then simply type the title of the passage (mine is [[Begin Learning]]). It should automatically show up when you begin typing, making it easier.

8

If your storyboard looks like mine then you have successfully created a nonlinear story that gives players choice. If you are happy with this, click either the TEST or PLAY buttons on the bottom right hand corner. You have successfully created a game, congratulations!

*As you can see on your game you have the automatic choice to go back, rendering the [[RETURN TO THE FORK]] function useless. However, keep it in as this will not be present in formats like SugarCube (port of Twine 1 engine).

9

BONUS: Publish

You can share your creation with your friends and family by clicking on your story name below. Go to the PUBLISH TO FILE function. Select your save spot and name it whatever you want. Save it as a HTML document. From there, find your file and your game will appear up in your browser of choice. You now have a game up and running. Well done! You can now either decide to work on this story more or explore the program more and create more complex one once you have gotten the hang of it.


Words by Cameron Lowe

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s