fix arrows

2021-10-12 12:52:57 -06:00
parent 4fcfa0f739
commit d49fb8a845
3 changed files with 1921 additions and 26 deletions
--- a/html/index.html
+++ b/html/index.html
@@ -40,17 +40,17 @@

 	<!-- AppsFuel verification code -->
 	<meta name="appsfuel_code" content="83d3cedc1050a5c"/>
-	
+
 	<!-- Mobile Viewport -->
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
-	
+
 	<!-- Apple Mobile Web Capability -->
 	<meta name="apple-mobile-web-app-capable" content="yes" />
-	
+
 	<!-- Script -->
 	<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
 	<script src="js/jquery.hammer.min.js" type="text/javascript"></script>
-	
+
 	<!-- Google Analytics -->
 	<script type="text/javascript">

@@ -66,7 +66,7 @@
 		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 	  })();
 	</script>
-	
+
 </head>

 <body>
@@ -88,7 +88,7 @@
 		<h1>Highscore</h1>
 		<p>
 			<ol id="highscore-list">
-				
+
 			</ol>
 		</p>
 	</div>
@@ -148,7 +148,7 @@

 	</div>
 </div>
-	
+



@@ -166,15 +166,15 @@
 			(adsbygoogle = window.adsbygoogle || []).push({});
 			</script>
 		</div>
-	
-	
+
+
 	<!-- main game content -->
 	<div class="game wrapper">
-	
+
 		<div class="score">Score:</div>
 		<div class="level">Lvl:</div>
 		<div class="lives">Lives: </div>
-		
+
 		<div class="controlSound">
 			<img src="img/audio-icon-mute.png" id="mute">
 		</div>
@@ -192,39 +192,39 @@
 		</div>

 		<div class="controls" id="game-buttons">
-		<!-- Will be moved to Instructions 
+		<!-- Will be moved to Instructions
 		<p class="nomobile">Use W-A-S-D keys to navigate Pac-Man</p>
 		-->
-		
+
 			<!-- OLD Buttons -->
 			<div>
-				<span id="up" class="controlButton">&uarr;</span>
+				<span id="up" class="controlButton">W</span>
 			</div>
 			<div>
-				<span id="left" class="controlButton">&larr;</span>
-				<span id="down" class="controlButton">&darr;</span>
-				<span id="right" class="controlButton">&rarr;</span>
+				<span id="left" class="controlButton">A</span>
+				<span id="down" class="controlButton">S</span>
+				<span id="right" class="controlButton">D</span>
 			</div>
-			
+
 		</div>
 		<!-- inGame Controls End -->
-		
-		<!-- Game Menu -->		
+
+		<!-- Game Menu -->
 		<div class="controls" id="menu-buttons">
 			<ul>
 				<li class="button" id="newGame">New Game</li>
 			</ul>
-			
+
 		</div>
 		<!-- Game Menu End -->
-		
+
 	</div>
-		
+
 	<div class="description nomobile">
 		<p>This whole thing was written in HTML5, CSS3 and Javascript (using small bits of jquery). For the basics I was following the <a href="http://devhammer.net/blog/exploring-html5-canvas-part-1---introduction" target="_blank">"Exploring HTML5 Canvas"</a> Tutorials (Part 1 - 6) by Devhammer. Thanks for the great Tutorial!</a>
 		<p>For some other stuff, like how to write objectorientated javascript I was following the tutorials over at <a href="http://www.codecademy.com/" target="_blank">http://www.codecademy.com/</a>, which is a really great site to learn Javascript and also other languages.</a>
 		<p>If you understand German you can also read my blogpost about this site: <a href="http://blog.platzh1rsch.ch/2012/08/pacman-in-html5-canvas.html">"Pacman in HTML5 Canvas"</a>.</p>
-		
+
 		<span id="audio">
 			<audio id="theme" preload="auto">
 				<source src="wav/theme.wav" type="audio/wav">
@@ -243,8 +243,8 @@
 				<source src="mp3/powerpill.mp3" type="audio/mpeg">
 			</audio>
 		</span>
-		
-		
+
+
 	</div>

 </div>