Difference between revisions of "Rot.js tutorial, part 1"

From RogueBasin
Jump to navigation Jump to search
Line 33: Line 33:
</div>
</div>


And that's all for part 1. The whole working code is available at [http://jsfiddle.net/rotjs/BmEwg/|jsfiddle.net].
And that's all for part 1. The whole working code is available at [http://jsfiddle.net/rotjs/BmEwg/ jsfiddle.net].

Revision as of 13:21, 12 December 2012

This is the first part of a rot.js tutorial.

Setting up the development environment

Our game is played within a web page; a rudimentary HTML file should be sufficient. 

<!doctype html>
<html>
    <head>
        <title>Ananas aus Caracas: rot.js tutorial game</title>
        <script src="https://raw.github.com/ondras/rot.js/master/rot.js"></script>
        <script src="/path/to/the/game.js"></script>
    </head>
    <body>
        <h1>Ananas aus Caracas</h1>
    </body>
</html>

We are going to put all the game code in one file, to maintain simplicity. When making larger games, it is far more useful to split the code across several files. 

var Game = {
    init: function() {}
}

Game.init();

And that's all for part 1. The whole working code is available at jsfiddle.net.

Retrieved from "http://roguebasin.com/index.php?title=Rot.js_tutorial,_part_1&oldid=30575"