-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
210 lines (178 loc) · 12 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
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<head>
<link rel="stylesheet" type="text/css" href="jquery/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="main.css" />
<title>Beyond The Veil</title>
<script>
/*
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-64107180-1', 'auto');
ga('send', 'pageview');
*/
</script>
</head>
<body onload="loadGame()">
<div id="whole">
<div id="states" class="section">
<input type="button" value="Area" onClick="changestate(0)" id="changestate" class="tab" data-tooltip="I’m the tooltip text." />
<input type="button" value="Craft" onClick="changestate(3)" id="changestate" class="tab" />
<input type="button" value="Shop" onClick="changestate(4)" id="changestate" class="tab" />
<input type="button" value="Skills" onClick="changestate(5)" id="changestate" class="tab" />
<input type="button" value="Stats" onClick="changestate(6)" id="changestate" class="tab" />
<span id="version"></span>
</div>
<div id="mainscreen" class="section">
<div id="spells">
<div id="sparkspell" class="spell"><input type="image" value="Spark" src="images/lightning3.png" onClick="spark()" class="fightspell" id="sparkbtn" title="Spark, 20 mana: 20 damage per level plus any spell bonus."/></div>
<div id="regenspell" class="spell"><input type="image" value="Regen" src="images/regen2.png" onClick="generatestatus(1,10)" id="regenbtn" title="Regeneration" /></div>
<div id="freezespell" class="spell"><input type="image" value="Freeze" src="images/freeze2.png" onClick="freeze()" id="freezebtn" title="Freeze" disabled /></div>
<div id="ragespell" class="spell"><input type="image" value="Rage" src="images/rage2.png" onClick="generatestatus('rage',10)" id="ragebtn" title="Rage" disabled /></div>
<div id="itemspell" class="spell"><input type="image" value="Rain Items" src="images/itembuff2.png" onClick="generatestatus('itembuff',10)" id="itembuffbtn" title="Item Buff" disabled /></div>
</div>
<div id="youtotal">
<div id="you">
<div style="width:20%;float:left;"><img src="images/coins.png" title="gold"/> <span id="gold">0</span></div>
<div style="width:20%;float:left;"><img src="images/ruby.png" title="rubies"/> <span id="rubies">0</span></div>
<div style="width:20%;float:left;"><img src="images/sapphire.png" title="sapphires" /> <span id="sapphires">0</span></div>
<div style="width:20%;float:left;"><img src="images/emerald.png" title="emeralds" /> <span id="emeralds">0</span></div>
<div style="width:20%;float:left;"><img src="images/diamond.png" title="diamonds"/> <span id="diamonds">0</span></div>
<br />
<p>
<div class="youdetail"><label>Level:</label> <span id="playerlvl">1</span></div>
<div class="youdetail"><label>Exp Needed:</label> <span id="exp">0</span></div>
<div class="youdetail"><label>Skill Pts:</label> <span id="skillpts">0</span></div>
<div class="youdetail"><label>Attack:</label> <span id="attack">10</span></div>
<span id="weapon"></span>
</p>
<p>
<labe>Rage attune:</label> <select id="attune" onchange="rageattune()">
<option value="0" selected="selected"> </option>
<option value="1">Gold</option>
<option value="2">Exp</option>
<option value="3">Rarity</option>
</select>
</p>
</div>
<!--
<div id="you2">
</div> -->
<div id="container" style="height:25px;" >
<div id="healthbar" style="background-color:#ff5555; height:100%;"></div>
<span id="health" class="midnum">1000/</span>
<span id="maxhealth">1000</span>
</div>
<div id="container2" style="height:25px;" title="By default, mana regenerates at 1% per second">
<div id="manabar" style="background-color:#5555ff; height:100%;"></div>
<span id="mana" class="midnum">1000/</span>
<span id="maxmana">1000</span>
</div>
</div>
<div id="statusbook"class="section">
</div>
<div id="mappanel" style="display:block" class="panel">
<p style="padding-left:5px">Welcome to the map. You can use the gold you earn battling monsters to buy maps of other regions in the shop. Each region is more likely to have certain items and certain enemies.</p>
<p style="padding-left:5px">As a general guide, rubies are likely to get health bonuses, sapphires mana, emeralds rewards and diamonds damage.</p>
<p style="padding-left:5px">To move on to the next level of each area you will need to defeat several monsters.</p>
<div><input type="image" value="Grasslands" src="images/grass.png" onClick="changemap('grassland')" class="maptype" style="background: #538C55;"/> <span style="vertical-align:15px">Grassland: No special loot, no special enemies.</span></div>
<div id="forest" style="display:none"><input type="image" value="Forest" src="images/forest.png" onClick="changemap('forest')" class="maptype" style="background: #39603a;" /> <span style="vertical-align:15px">Forest: Filled with creatures and emeralds beneath the leaves.</span></div>
<div id="mountain" style="display:none"><input type="image" value="Mountain" src="images/mountain.png" onClick="changemap('mountain')" class="maptype" style="background:#8C8C8C" /> <span style="vertical-align:15px">Mountain: Birds circle above, but diamonds are buried below.</span></div>
<div id="desert" style="display:none"><input type="image" value="Desert" src="images/desert.png" onClick="changemap('desert')" class="maptype" style="background:#8C8353" /> <span style="vertical-align:15px">Desert: Reptiles hoard mountains of gold here.</span></div>
<div id="volcano" style="display:none"><input type="image" value="Volcano" src="images/volcano.png" onClick="changemap('volcano')" class="maptype" style="background:#8C5353" /> <span style="vertical-align:15px">Volcano: Rubies form the hearts of demons.</span></div>
<div id="ocean" style="display:none"><input type="image" value="Ocean" src="images/ocean.png" onClick="changemap('ocean')" class="maptype" style="background:#53668C" disabled /> <span style="vertical-align:15px">Ocean: They don't call it the sapphire ocean for nothing.</span></div>
</div>
<div id="enemypanel" class="panel">
<div id="enemy">
<div id="enemytop"><span id="enemyname" class="enemybig"></span><span id="setting" class="enemybig"> t</span></div>
<br />
<span id="enemyatk"></span><br />
<span id="enemydef"></span><br />
<span id="enemytype"></span><br />
<span id="enemyspecial"></span><br />
</div>
<div id="enemysect" style="width:100%; height:25px;" >
<div id="enemybar" style="width:100%;background-color:#ff55ff; height:100%;"></div>
<span id="enemyhealth" class="midnum"></span>
<span id="enemymaxhealth"></span>
</div>
<div id="dungeondetails">
<span id="defeated"></span><br />
<input type="button" value="Map" onClick="backtomap()" id="map" class="dunbtn" />
<input type="button" value="<<" onClick="prevdungeon(1)" id="firstdungeon" class="movingdun" />
<input type="button" value="<" onClick="prevdungeon()" id="previousdungeon" class="movingdun" disabled />
Dungeon level <span id="dungeonlvl"></span>/<span id="maxdungeonlvl"></span>
<input type="button" value=">" onClick="nextdungeon()" id="nextdungeon" class="movingdun" disabled />
<input type="button" value=">>" onClick="nextdungeon(1)" id="lastdungeon" class="movingdun" />
<input type="button" value="Placeholder" onClick="changemap('none')" id="sm" class="dunbtn" disabled title="test" />
<br />
</div>
</div>
<div id="craftingpanel" class="panel">
<p>The art of crafting requires a <i>delicate</i> balance. Fifteen different bonuses await you if you are willing to spend your hard-earned gems.</p>
<p>WARNING: Crafting a weapon will destroy your previous one!</p>
<label>Use Rubies</label><input type="number" id="userubies" min="0" max="0" value="0"><br />
<label>Use Sapphires</label><input type="number" id="usesapphires" min="0" max="0" value="0"><br />
<label>Use Emeralds</label><input type="number" id="useemeralds" min="0" max="0" value="0"><br />
<label>Use Diamonds</label><input type="number" id="usediamonds" min="0" max="0" value="0"><br />
<input type="button" value="Craft" onClick="craft()" /><br />
</div>
<div id="shoppanel" class="panel">
<h1>Buying</h1>
<p style="margin-left:4px">Hover over each button for details.</p>
<div id="shop"></div>
</div>
<div id="skillpanel" class="panel">
<p>Each of the skills below cost 1 skill point.</p>
<div id="available_skills">
<input type="button" id="skill1" value="Acrobatics (0)" onClick="buyskill(1)" class="skillbtn"/><span class="skills">-1 second timer between fights per level. Max level: 5.</span><br />
<input type="button" id="skill2" value="Haggling (0)" onClick="buyskill(2)" class="skillbtn" /><span class="skills" id="skilltext2">Cheaper items (NOT IMPLEMENTED)</span><br />
<input type="button" id="skill3" value="Survival (0)" onClick="buyskill(3)" class="skillbtn" /><span class="skills">+2% of max HP healed per turn. Max level: 10</span><br />
<input type="button" id="skill4" value="Autopsy (0)" onClick="buyskill(4)" class="skillbtn" /><span class="skills"> +5% drop chance. Max: 5.</span><br />
<input type="button" id="skill5" value="Smithing (0)" onClick="buyskill(5)" class="skillbtn" /><span class="skills">Bonus to crafting (NOT IMPLEMENTED)</span><br />
<input type="button" id="skill6" value="Magic (0)" onClick="buyskill(6)" class="skillbtn" /><span class="skills">+50% Bonus to spell effect (semi implemented)</span><br />
<input type="button" id="skill7" value="Boozing (0)" onClick="buyskill(7)" class="skillbtn"/><span class="skills"> Learn to handle your drink (NOT IMPLEMENTED)</span><br />
<input type="button" id="skill8" value="Mapping (0)" onClick="buyskill(8)" class="skillbtn" /><span class="skills"> You find your way around areas easier.</span><br />
<input type="button" id="skill9" value="Backstab (0)" onClick="buyskill(9)" class="skillbtn" /><span class="skills"> +5% crit chance per level. Max: 5.</span><br />
<input type="button" id="skill10" value="Reading (0)" onClick="buyskill(10)" class="skillbtn" /><span class="skills"> +50% Exp per level. Max level: 10.</span><br /></div>
<br />
</div>
<div id="statspanel" class="panel">
<p>
<div class="youdetail"><label>Crit chance</label><span id="critchance">0</span></div>
<div class="youdetail"><label>Crit dam</label><span id="critdam">0</span></div>
<div class="youdetail"><label>Exp bonus</label><span id="expbonus">0</span></div>
<div class="youdetail"><label>Gold bonus</label><span id="goldbonus">0</span></div>
<div class="youdetail"><label>Drop chance</label><span id="dropchance">0</span></div>
<div class="youdetail"><label>Rare enemy chance</label><span id="rareenemychance">0</span></div>
<div class="youdetail"><label>Epic enemy chance</label><span id="epicenemychance">0</span></div>
<div class="youdetail"><label>Spell Effect</label><span id="spellbonus">0</span></div>
</p>
<p>
<div class="youdetail"><label>Total kills</label><span id="kills">0</span></div>
<div class="youdetail"><label>Total gems used</label><span id="gemsused">0</span></div>
</p>
</div>
<div id="container3" title="Fill rage by killing enemies. It increases your damage.">
<div id="ragebar" style="background-color:#ffd700; height:50%; width:100%;bottom:0;position:absolute"><div style="transform: rotate(270deg);bottom:30;left:-33;position:absolute;letter-spacing: 10px">RAGE</div></div>
</div>
</div>
<div id="logbook" class="section">
</div>
</div>
<button onclick="deletesave()">Deletesave</button>
<button onclick="manualsave()">Save</button>
<button onclick="loadGame()">Load</button>
<button onclick="window.open('log.html', '_blank');">Updates Log</button>
<script src="jquery/external/jquery/jquery.js"></script>
<script src="jquery/jquery-ui.js"></script>
<script type="text/javascript" src="main.js"></script>
<script>
/* $(function() {
$( document ).tooltip();
}); */
</script>
</body>
<footer>
<div style="color:#fff">Icon made by <a href="http://www.freepik.com">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed under <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC BY 3.0</a></div>
</footer>