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

From RogueBasin
Jump to navigation Jump to search
(Created page with "This is the first part of a rot.js tutorial.")
 
Line 1: Line 1:
This is the first part of a [[rot.js tutorial]].
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.
<syntaxhighlight lang="xml">
<!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>
</syntaxhighlight>
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.
<syntaxhighlight lang="js">
var Game = {
    init: function() {}
}
Game.init();
</syntaxhighlight>

Revision as of 13:13, 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();
Retrieved from "http://roguebasin.com/index.php?title=Rot.js_tutorial,_part_1&oldid=30572"