-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathindex-dev.html
117 lines (117 loc) · 8.84 KB
/
index-dev.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en" manifest="index-dev.manifest">
<head>
<meta charset="utf-8">
<title>HTML5 Canvas Old School RPG Demo</title>
<link rel="stylesheet" type="text/css" href="rpgdemo.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
<script type="text/javascript" src="js/amplify.min.js"></script>
</head>
<body>
<header>
<h2>HTML5 Canvas Old School RPG Demo</h2>
<p>Use the arrow keys to move around the map. Use the Spacebar or Enter key for all actions. Use ESC to cancel an action or to show the main menu.</p>
</header>
<canvas id="mapCanvas" width="416" height="352"></canvas>
<canvas id="spriteCanvas" width="416" height="352"></canvas>
<canvas id="menuCanvas" width="416" height="352"></canvas>
<canvas id="textCanvas" width="416" height="352"></canvas>
<div id="gamepad"><img src="images/osck.png" usemap="#gamepadmap">
<map id="gamepadmap" name="gamepadmap">
<area id="upButton" shape="poly" alt="Up" coords="95,159,88,151,88,108,148,108,148,154,141,161" href="#" title="Up" />
<area id="rightButton" shape="poly" alt="Right" coords="142,161,149,154,195,154,195,212,149,212,140,203" href="#" title="Right" />
<area id="downButton" shape="poly" alt="Down" coords="138,205,148,215,148,261,88,261,88,216,98,206" href="#" title="Down" />
<area id="leftButton" shape="poly" alt="Left" coords="96,205,88,213,42,213,42,154,87,154,95,161" href="#" title="Left" />
<area id="escButton" shape="circle" alt="Esc" coords="273,183,35" href="#" title="Esc" />
<area id="enterButton" shape="rect" alt="Enter" coords="313,148,380,217" href="#" title="Enter" />
<area shape="default" nohref alt="" />
</map>
</div>
<footer>
<small id="loaded">Loading... <img src="images/ajax-loader.gif"></small>
<p><span id="nokeyb">No keyboard? </span><a id="showpad" href="#">Show Gamepad</a></p>
<p><a href="http://github.com/Gaurav0/Old-School-RPG-Map">Source Code</a> Contributors Welcome!</p>
<p>Credits:</p>
<small><a href="http://people.mozilla.com/~jdicarlo/rpg-map-demo/rpg.html">Original version</a> by Jono X, Mozilla Labs</small>
<small><a href="http://www.amaranthia.com/modules/newbb/viewtopic.php?forum=28&topic_id=1528">World Map Tileset</a> by Nick and Amaranth Games</small>
<small><a href="http://downloads.rpg-palace.com/details.php?id=102">Medieval Exterior Tileset</a> and <a href="http://downloads.rpg-palace.com/details.php?id=22">Medieval Interior Tileset</a> by Inquisitor</small>
<small><a href="http://opengameart.org/content/browserquest-sprites-and-tiles">BrowserQuest Tileset</a> by Guillaume Lecollinet</small>
<small><a href="http://opengameart.org/content/2d-lost-garden-zelda-style-tiles-resized-to-32x32-with-additions">2D Lost Garden Zelda Style Tiles</a> by Daniel Cook and others</small>
<small><a href="http://opengameart.org/content/32x32-rpg-tiles-forest-and-some-interior-tiles">Dark Forest Tileset</a> by Stephen Challener (Redshrike)</small>
<small><a href="http://opengameart.org/content/lots-of-free-2d-tiles-and-sprites-by-hyptosis">Second Town Tileset</a> by Hyptosis</small>
<small><a href="http://opengameart.org/content/castle-tiles-for-rpgs">Second Castle Tileset</a> by Hyptosis, Zabin, Daniel Cook</small>
<small><a href="http://opengameart.org/content/trevor-overland">Player sprite</a> and <a href="http://opengameart.org/content/fantasy-rpg-npcs">NPC sprites</a> by Mandi Paugh</small>
<small><a href="http://opengameart.org/content/10-fantasy-rpg-enemies">Monster sprites</a> by Antifarea</small>
<small><a href="http://opengameart.org/content/rpg-gui-block-element">GUI block</a> and <a href="http://opengameart.org/content/meadow-background">Meadow</a> by bart</small>
<small><a href="http://opengameart.org/content/forest-background-art">Dark Forest Battle Background</a> by ramtam and Bertram</small>
<small><a href="http://opengameart.org/content/treasure-chests-32x32-and-16x16">Treasure chest</a> by Blarumyrran</small>
<small><a href="http://opengameart.org/content/on-screen-controller-kit">On Screen Game Controller Kit</a> by verbalshadow</small>
</footer>
<audio id="theme" preload="auto" loop>
<source src="audio/theme.ogg" type="audio/ogg">
<source src="audio/theme.mp3" type="audio/mp3">
</audio>
<audio id="explore" preload="auto" loop>
<source src="audio/explore.ogg" type="audio/ogg">
<source src="audio/explore.mp3" type="audio/mp3">
</audio>
<audio id="town" preload="auto" loop>
<source src="audio/town.ogg" type="audio/ogg">
<source src="audio/town.mp3" type="audio/mp3">
</audio>
<audio id="castle" preload="auto" loop>
<source src="audio/castle.ogg" type="audio/ogg">
<source src="audio/castle.mp3" type="audio/mp3">
</audio>
<audio id="dark" preload="auto" loop>
<source src="audio/dark.ogg" type="audio/ogg">
<source src="audio/dark.mp3" type="audio/mp3">
</audio>
<audio id="danger" preload="auto" loop>
<source src="audio/danger.ogg" type="audio/ogg">
<source src="audio/danger.mp3" type="audio/mp3">
</audio>
<script type="text/javascript" src="js/class.js"></script>
<script type="text/javascript" src="js/dateformat.js"></script>
<script type="text/javascript" src="js/engine/Animation.js"></script>
<script type="text/javascript" src="js/engine/Progress.js"></script>
<script type="text/javascript" src="js/engine/MapSquare.js"></script>
<script type="text/javascript" src="js/engine/SubMap.js"></script>
<script type="text/javascript" src="js/engine/WorldMap.js"></script>
<script type="text/javascript" src="js/engine/Sprite.js"></script>
<script type="text/javascript" src="js/engine/Chest.js"></script>
<script type="text/javascript" src="js/engine/Character.js"></script>
<script type="text/javascript" src="js/engine/Player.js"></script>
<script type="text/javascript" src="js/engine/Monster.js"></script>
<script type="text/javascript" src="js/engine/Tileset.js"></script>
<script type="text/javascript" src="js/engine/TextDisplay.js"></script>
<script type="text/javascript" src="js/engine/menu/AbstractMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/Menu.js"></script>
<script type="text/javascript" src="js/engine/menu/HorizMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/ItemMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/SpellMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/EquipMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/SlotMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/SaveMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/LoadMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/TitleScreenMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/MainMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/BuyMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/SellMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/ShopMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/MonsterMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/BattleItemMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/BattleSpellMenu.js"></script>
<script type="text/javascript" src="js/engine/menu/BattleMenu.js"></script>
<script type="text/javascript" src="js/engine/Shop.js"></script>
<script type="text/javascript" src="js/engine/Game.js"></script>
<script type="text/javascript" src="js/engine/Battle.js"></script>
<script type="text/javascript" src="js/engine/rpg.js"></script>
<script type="text/javascript" src="js/game/images.js"></script>
<script type="text/javascript" src="js/game/maps.js"></script>
<script type="text/javascript" src="js/game/items.js"></script>
<script type="text/javascript" src="js/game/monsters.js"></script>
<script type="text/javascript" src="js/game/misc.js"></script>
</body>
</html>