Undum is a game framework for building a sophisticated form of hypertext interactive fiction.
If that means nothing to you, then let's go back a few steps. Remember those Choose Your Own Adventure, or Fighting Fantasy books? Where you got to choose what your character does next? Well if you think of that in a web-page you have hypertext interactive fiction, or HIF. Instead of turning to a particular page, you click a link, and the next bit of content appears.
The problem is that those kinds of games are pretty limited. Every time the player does something, the story could go in different directions. So the author has to either write masses of branches, or else the decisions you make as a player have to be relatively short lived. If you played CYOA books you'll know that the wrong move either ended the story pretty quickly, or else it didn't really matter what you did because you'd end up at the same place.
To beat this limitation, Undum allows you to make the output dynamic. It allows you to keep track of what has happened to the character (any kinds of data, in fact), and to then change the text that gets output accordingly. Effectively it is like writing a CYOA page that is different each time you read it. This allows for far richer and more rewarding game design.
Undum is designed for HTML5 and CSS3 browsers. It has been tested on Firefox 3.6, Chrome 5, and Safari 5. Older browsers may work okay too, but some of the animation won't work, the styles may render poorly, and saving and loading of games is unlikely to work. Anyone who wants to hack around with it and make it work more widely is welcome. Just fork this project on Github.
Download Undum. Use the 'download zip' link in the right column of this page.
Unzip Undum somewhere on your hard-drive.
Open games/tutorial.html in your browser, and play through the tutorial.
Copy games/tutorial.html to a file that reflects your game name.
Edit your HTML file and add the title, author and description of the game you want to write. At the bottom of the file change the name of
tutorial.game.jsto something else (by convention your-game-name
tutorial.game.jsto the file name you chose in the last step. Open it and begin creating your game.
Reference documentation, including full API details, is at http://idmillington.github.io/undum/, and is also included in the repository.
The source code for all the files is also heavily commented, so if you get stuck, go in and read it.
To deploy your game, just upload your HTML file and the
to your webserver. You can serve several games with the same look and
feel from the same directory. You need a different HTML file for each
game, and each one should load the correct
.game.js file at the
end. Add any media you need for your game (images, audio, video), and
the remaining files will be reused.
For example, if you had 3 games:
christmas-special. You'd have a directory structure:
episode1.html episode2.html christmas-special.html media/ css/ ... img/ ... js/ jquery-1.4.2.min.js undum.js games/ episode1/ episode1.game.js ... media for episode 1 ... episode2/ episode2.game.js ... media for episode 1 ... christmas-special/ christmas-special.game.js ... media for christmas special ...
This assumes you use the same directory lay out that I do. You are welcome to change things around, of course, as long as you work and change the references.
undum came from a little project that preceded this code
base. In 2008 I put together a simple browser based game. It was
narrative, but used the grind-based mechanics of games such as
Farmville and Mafia Wars. Because of the grinding, I called it
Carborundum, which I found I couldn't type at speed, so it became
Undum. The code has changed out of all recognition since them, as the
The code, documentation, styles, design and images are all distributed under the MIT license. This permits you to modify and use them, even for commercial use. A copy of the MIT license is found in the LICENSE file.