-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
79 lines (69 loc) · 15.6 KB
/
index.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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>jQRPG - An Old-School Style RPG in jQuery</title>
<link rel="Stylesheet" type="text/css" href="jQRPG_files/style.css">
<!--
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1"); /* google.load("jqueryui", "1"); */</script>
-->
<script type="text/javascript" src="jQRPG_files/jquery-1.js"></script>
<script type="text/javascript" src="jQRPG_files/jquery.js"></script>
<script type="text/javascript" src="jQRPG_files/jqrpg.js"></script>
<script type="text/javascript" src="jQRPG_files/jqrpg-maps.js"></script>
<script type="text/javascript" src="jQRPG_files/jqrpg-questions.js"></script>
</head><body>
<div id="everything">
<div style="border-color: rgb(0, 0, 0); height: 256px; width: 256px;" id="jqrpg_wrapper">
<div id="jqrpg_preloader">
<span class="sprites face_u">@</span>
<span class="sprites face_d">@</span>
<span class="sprites face_l">@</span>
<span class="sprites face_r">@</span>
<span class="sprites object_0">@</span>
<span class="sprites object_1">@</span>
<span class="sprites object_2">@</span>
</div>
<div style="height: 256px; width: 256px;" id="jqrpg_screen">
<span style="left: 208px; top: 176px;" class="face_d" class="sprites" id="jqrpg_player">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object0">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object1">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object2">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object3">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object4">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object5">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object6">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object7">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object8">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object9">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object10">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object11">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object12">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object13">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object14">@</span>
<span style="left: 0px; top: 0px;" class="sprites" id="jqrpg_object15">@</span>
<div style="display: block;" id="jqrpg_map"><span class="tile tile_x0y0 tile_01">.</span><span class="tile tile_x1y0 tile_02">.</span><span class="tile tile_x2y0 tile_03">.</span><span class="tile tile_x3y0 tile_11">.</span><span class="tile tile_x4y0 tile_11">.</span><span class="tile tile_x5y0 tile_11">.</span><span class="tile tile_x6y0 tile_11">.</span><span class="tile tile_x7y0 tile_11">.</span><span class="tile tile_x8y0 tile_11">.</span><span class="tile tile_x9y0 tile_11">.</span><span class="tile tile_x10y0 tile_11">.</span><span class="tile tile_x11y0 tile_11">.</span><span class="tile tile_x12y0 tile_11">.</span><span class="tile tile_x13y0 tile_11">.</span><span class="tile tile_x14y0 tile_11">.</span><span class="tile tile_x15y0 tile_11">.</span><span class="tile tile_x0y1 tile_01 tile_row">.</span><span class="tile tile_x1y1 tile_01">.</span><span class="tile tile_x2y1 tile_00">.</span><span class="tile tile_x3y1 tile_00">.</span><span class="tile tile_x4y1 tile_11">.</span><span class="tile tile_x5y1 tile_00">.</span><span class="tile tile_x6y1 tile_00">.</span><span class="tile tile_x7y1 tile_11">.</span><span class="tile tile_x8y1 tile_11">.</span><span class="tile tile_x9y1 tile_00">.</span><span class="tile tile_x10y1 tile_00">.</span><span class="tile tile_x11y1 tile_00">.</span><span class="tile tile_x12y1 tile_00">.</span><span class="tile tile_x13y1 tile_00">.</span><span class="tile tile_x14y1 tile_00">.</span><span class="tile tile_x15y1 tile_00">.</span><span class="tile tile_x0y2 tile_01 tile_row">.</span><span class="tile tile_x1y2 tile_00">.</span><span class="tile tile_x2y2 tile_00">.</span><span class="tile tile_x3y2 tile_00">.</span><span class="tile tile_x4y2 tile_11">.</span><span class="tile tile_x5y2 tile_00">.</span><span class="tile tile_x6y2 tile_00">.</span><span class="tile tile_x7y2 tile_00">.</span><span class="tile tile_x8y2 tile_00">.</span><span class="tile tile_x9y2 tile_11">.</span><span class="tile tile_x10y2 tile_00">.</span><span class="tile tile_x11y2 tile_00">.</span><span class="tile tile_x12y2 tile_00">.</span><span class="tile tile_x13y2 tile_00">.</span><span class="tile tile_x14y2 tile_00">.</span><span class="tile tile_x15y2 tile_00">.</span><span class="tile tile_x0y3 tile_01 tile_row">.</span><span class="tile tile_x1y3 tile_00">.</span><span class="tile tile_x2y3 tile_00">.</span><span class="tile tile_x3y3 tile_00">.</span><span class="tile tile_x4y3 tile_00">.</span><span class="tile tile_x5y3 tile_00">.</span><span class="tile tile_x6y3 tile_00">.</span><span class="tile tile_x7y3 tile_11">.</span><span class="tile tile_x8y3 tile_00">.</span><span class="tile tile_x9y3 tile_11">.</span><span class="tile tile_x10y3 tile_00">.</span><span class="tile tile_x11y3 tile_00">.</span><span class="tile tile_x12y3 tile_00">.</span><span class="tile tile_x13y3 tile_00">.</span><span class="tile tile_x14y3 tile_00">.</span><span class="tile tile_x15y3 tile_00">.</span><span class="tile tile_x0y4 tile_01 tile_row">.</span><span class="tile tile_x1y4 tile_00">.</span><span class="tile tile_x2y4 tile_00">.</span><span class="tile tile_x3y4 tile_00">.</span><span class="tile tile_x4y4 tile_00">.</span><span class="tile tile_x5y4 tile_00">.</span><span class="tile tile_x6y4 tile_00">.</span><span class="tile tile_x7y4 tile_11">.</span><span class="tile tile_x8y4 tile_00">.</span><span class="tile tile_x9y4 tile_11">.</span><span class="tile tile_x10y4 tile_11">.</span><span class="tile tile_x11y4 tile_11">.</span><span class="tile tile_x12y4 tile_11">.</span><span class="tile tile_x13y4 tile_00">.</span><span class="tile tile_x14y4 tile_00">.</span><span class="tile tile_x15y4 tile_00">.</span><span class="tile tile_x0y5 tile_00 tile_row">.</span><span class="tile tile_x1y5 tile_00">.</span><span class="tile tile_x2y5 tile_00">.</span><span class="tile tile_x3y5 tile_00">.</span><span class="tile tile_x4y5 tile_00">.</span><span class="tile tile_x5y5 tile_11">.</span><span class="tile tile_x6y5 tile_11">.</span><span class="tile tile_x7y5 tile_00">.</span><span class="tile tile_x8y5 tile_00">.</span><span class="tile tile_x9y5 tile_00">.</span><span class="tile tile_x10y5 tile_00">.</span><span class="tile tile_x11y5 tile_00">.</span><span class="tile tile_x12y5 tile_11">.</span><span class="tile tile_x13y5 tile_00">.</span><span class="tile tile_x14y5 tile_00">.</span><span class="tile tile_x15y5 tile_00">.</span><span class="tile tile_x0y6 tile_00 tile_row">.</span><span class="tile tile_x1y6 tile_00">.</span><span class="tile tile_x2y6 tile_00">.</span><span class="tile tile_x3y6 tile_00">.</span><span class="tile tile_x4y6 tile_00">.</span><span class="tile tile_x5y6 tile_00">.</span><span class="tile tile_x6y6 tile_00">.</span><span class="tile tile_x7y6 tile_00">.</span><span class="tile tile_x8y6 tile_00">.</span><span class="tile tile_x9y6 tile_11">.</span><span class="tile tile_x10y6 tile_00">.</span><span class="tile tile_x11y6 tile_00">.</span><span class="tile tile_x12y6 tile_00">.</span><span class="tile tile_x13y6 tile_00">.</span><span class="tile tile_x14y6 tile_00">.</span><span class="tile tile_x15y6 tile_00">.</span><span class="tile tile_x0y7 tile_00 tile_row">.</span><span class="tile tile_x1y7 tile_00">.</span><span class="tile tile_x2y7 tile_00">.</span><span class="tile tile_x3y7 tile_00">.</span><span class="tile tile_x4y7 tile_00">.</span><span class="tile tile_x5y7 tile_00">.</span><span class="tile tile_x6y7 tile_00">.</span><span class="tile tile_x7y7 tile_00">.</span><span class="tile tile_x8y7 tile_00">.</span><span class="tile tile_x9y7 tile_00">.</span><span class="tile tile_x10y7 tile_00">.</span><span class="tile tile_x11y7 tile_00">.</span><span class="tile tile_x12y7 tile_00">.</span><span class="tile tile_x13y7 tile_00">.</span><span class="tile tile_x14y7 tile_00">.</span><span class="tile tile_x15y7 tile_00">.</span><span class="tile tile_x0y8 tile_00 tile_row">.</span><span class="tile tile_x1y8 tile_00">.</span><span class="tile tile_x2y8 tile_00">.</span><span class="tile tile_x3y8 tile_00">.</span><span class="tile tile_x4y8 tile_00">.</span><span class="tile tile_x5y8 tile_00">.</span><span class="tile tile_x6y8 tile_00">.</span><span class="tile tile_x7y8 tile_00">.</span><span class="tile tile_x8y8 tile_00">.</span><span class="tile tile_x9y8 tile_11">.</span><span class="tile tile_x10y8 tile_00">.</span><span class="tile tile_x11y8 tile_00">.</span><span class="tile tile_x12y8 tile_00">.</span><span class="tile tile_x13y8 tile_00">.</span><span class="tile tile_x14y8 tile_00">.</span><span class="tile tile_x15y8 tile_00">.</span><span class="tile tile_x0y9 tile_00 tile_row">.</span><span class="tile tile_x1y9 tile_00">.</span><span class="tile tile_x2y9 tile_00">.</span><span class="tile tile_x3y9 tile_00">.</span><span class="tile tile_x4y9 tile_00">.</span><span class="tile tile_x5y9 tile_00">.</span><span class="tile tile_x6y9 tile_00">.</span><span class="tile tile_x7y9 tile_00">.</span><span class="tile tile_x8y9 tile_00">.</span><span class="tile tile_x9y9 tile_00">.</span><span class="tile tile_x10y9 tile_00">.</span><span class="tile tile_x11y9 tile_00">.</span><span class="tile tile_x12y9 tile_11">.</span><span class="tile tile_x13y9 tile_00">.</span><span class="tile tile_x14y9 tile_00">.</span><span class="tile tile_x15y9 tile_00">.</span><span class="tile tile_x0y10 tile_00 tile_row">.</span><span class="tile tile_x1y10 tile_00">.</span><span class="tile tile_x2y10 tile_00">.</span><span class="tile tile_x3y10 tile_00">.</span><span class="tile tile_x4y10 tile_00">.</span><span class="tile tile_x5y10 tile_00">.</span><span class="tile tile_x6y10 tile_00">.</span><span class="tile tile_x7y10 tile_00">.</span><span class="tile tile_x8y10 tile_00">.</span><span class="tile tile_x9y10 tile_11">.</span><span class="tile tile_x10y10 tile_00">.</span><span class="tile tile_x11y10 tile_00">.</span><span class="tile tile_x12y10 tile_00">.</span><span class="tile tile_x13y10 tile_00">.</span><span class="tile tile_x14y10 tile_00">.</span><span class="tile tile_x15y10 tile_00">.</span><span class="tile tile_x0y11 tile_00 tile_row">.</span><span class="tile tile_x1y11 tile_00">.</span><span class="tile tile_x2y11 tile_00">.</span><span class="tile tile_x3y11 tile_00">.</span><span class="tile tile_x4y11 tile_00">.</span><span class="tile tile_x5y11 tile_00">.</span><span class="tile tile_x6y11 tile_00">.</span><span class="tile tile_x7y11 tile_00">.</span><span class="tile tile_x8y11 tile_00">.</span><span class="tile tile_x9y11 tile_11">.</span><span class="tile tile_x10y11 tile_00">.</span><span class="tile tile_x11y11 tile_00">.</span><span class="tile tile_x12y11 tile_00">.</span><span class="tile tile_x13y11 tile_00">.</span><span class="tile tile_x14y11 tile_00">.</span><span class="tile tile_x15y11 tile_00">.</span><span class="tile tile_x0y12 tile_00 tile_row">.</span><span class="tile tile_x1y12 tile_00">.</span><span class="tile tile_x2y12 tile_00">.</span><span class="tile tile_x3y12 tile_00">.</span><span class="tile tile_x4y12 tile_00">.</span><span class="tile tile_x5y12 tile_00">.</span><span class="tile tile_x6y12 tile_00">.</span><span class="tile tile_x7y12 tile_00">.</span><span class="tile tile_x8y12 tile_00">.</span><span class="tile tile_x9y12 tile_11">.</span><span class="tile tile_x10y12 tile_00">.</span><span class="tile tile_x11y12 tile_00">.</span><span class="tile tile_x12y12 tile_11">.</span><span class="tile tile_x13y12 tile_01">.</span><span class="tile tile_x14y12 tile_01">.</span><span class="tile tile_x15y12 tile_01">.</span><span class="tile tile_x0y13 tile_00 tile_row">.</span><span class="tile tile_x1y13 tile_00">.</span><span class="tile tile_x2y13 tile_00">.</span><span class="tile tile_x3y13 tile_00">.</span><span class="tile tile_x4y13 tile_00">.</span><span class="tile tile_x5y13 tile_00">.</span><span class="tile tile_x6y13 tile_00">.</span><span class="tile tile_x7y13 tile_00">.</span><span class="tile tile_x8y13 tile_00">.</span><span class="tile tile_x9y13 tile_11">.</span><span class="tile tile_x10y13 tile_11">.</span><span class="tile tile_x11y13 tile_11">.</span><span class="tile tile_x12y13 tile_00">.</span><span class="tile tile_x13y13 tile_00">.</span><span class="tile tile_x14y13 tile_00">.</span><span class="tile tile_x15y13 tile_01">.</span><span class="tile tile_x0y14 tile_00 tile_row">.</span><span class="tile tile_x1y14 tile_00">.</span><span class="tile tile_x2y14 tile_00">.</span><span class="tile tile_x3y14 tile_00">.</span><span class="tile tile_x4y14 tile_00">.</span><span class="tile tile_x5y14 tile_00">.</span><span class="tile tile_x6y14 tile_00">.</span><span class="tile tile_x7y14 tile_00">.</span><span class="tile tile_x8y14 tile_00">.</span><span class="tile tile_x9y14 tile_00">.</span><span class="tile tile_x10y14 tile_00">.</span><span class="tile tile_x11y14 tile_00">.</span><span class="tile tile_x12y14 tile_00">.</span><span class="tile tile_x13y14 tile_00">.</span><span class="tile tile_x14y14 tile_00">.</span><span class="tile tile_x15y14 tile_00">.</span><span class="tile tile_x0y15 tile_00 tile_row">.</span><span class="tile tile_x1y15 tile_00">.</span><span class="tile tile_x2y15 tile_00">.</span><span class="tile tile_x3y15 tile_00">.</span><span class="tile tile_x4y15 tile_00">.</span><span class="tile tile_x5y15 tile_00">.</span><span class="tile tile_x6y15 tile_00">.</span><span class="tile tile_x7y15 tile_00">.</span><span class="tile tile_x8y15 tile_00">.</span><span class="tile tile_x9y15 tile_00">.</span><span class="tile tile_x10y15 tile_00">.</span><span class="tile tile_x11y15 tile_00">.</span><span class="tile tile_x12y15 tile_00">.</span><span class="tile tile_x13y15 tile_00">.</span><span class="tile tile_x14y15 tile_00">.</span><span class="tile tile_x15y15 tile_00">.</span></div><!-- end #jqrpg_map -->
</div><!-- end #jqrpg_screen -->
<div style="display: none;" id="jqrpg_menu"><p>Random battle! Press [space] to continue.</p></div>
<div id="jqrpg_status"><p>This is where the score goes!</p></div>
</div><!-- end #jqrpg_wrapper -->
<div id="information">
<h1>jQueryEduRpg</h1>
<p>Based on David O'Trakoun's excellent and simple <a href="http://hokuten.net/2010/jqrpg-%E2%80%94-an-old-school-style-rpg-in-jquery/">jQRPG</a>.</p>
<h2>Instructions</h2>
<p>
Use the arrow keys to move. When asked a question, answer with the appropriate letter to continue.
</p>
<h2>Competency</h2>
<p>
2.M.4. Measure and compare common objects using metric and English units of length measurement, e.g., centimeter, inch. (<a href="http://math.tinygames.org/index.php?title=Learning_objectives">tinygames skill list</a>)
</p>
<h2>TODO:</h2>
<ul>
<li>Display inventory count and score persistently on screen</li>
<li>Bug: hero sometimes starts at wrong xycoords</li>
<li>Externalize question banks and write a <a href="http://docs.moodle.org/en/GIFT">GIFT parser</a>.
</ul>
</div><!-- #information -->
</div><!-- end #everything -->
</body></html>