A "simple" Snake, done as my final JS class project back in DUT
				https://snek.s.codinget.me
			
			
		
			You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							83 lines
						
					
					
						
							3.2 KiB
						
					
					
				
			
		
		
	
	
							83 lines
						
					
					
						
							3.2 KiB
						
					
					
				| <!DOCTYPE html>
 | |
| <html>
 | |
| 	<head>
 | |
| 		<title>Snek - Help</title>
 | |
| 		<meta charset="UTF-8">
 | |
| 		<link rel="favicon" href="favicon.ico">
 | |
| 		<link rel="stylesheet" href="css/snek.css">
 | |
| 	</head>
 | |
| 	<body>
 | |
| 		<main class="help">
 | |
| 			<article>
 | |
| 				<h2>Controls</h2>
 | |
| 				<p>
 | |
| 					On keyboard, the game is played with the arrow keys.<br>
 | |
| 					You can use the <code>f</code> key to go fullscreen.<br>
 | |
| 					You can also use the <code>r</code> key to quickly restart a game.<br>
 | |
| 				</p>
 | |
| 				<p>
 | |
| 					On mobile or with a touchscreen, the game can be played in 3 modes.<br>
 | |
| 					In crosspad mode, the screen is divided into 4 regions, and each one corresponds to a direction.<br>
 | |
| 					In joystick mode, the point where you press your finger is the center of a virtual joystick, and moving it will trigger the directions.<br>
 | |
| 					In swipe mode, you just swipe to move.
 | |
| 				</p>
 | |
| 			</article>
 | |
| 			<article>
 | |
| 				<h2>Game modes</h2>
 | |
| 				<section>
 | |
| 					<h3>Speedrun mode</h3>
 | |
| 					<p>
 | |
| 						In speedrun mode, the goal is to collect all the fruits as fast as possible.<br>
 | |
| 						Attempting to go through the edge of the playfield will kill you.<br>
 | |
| 						Each level introduces a new mechanic.
 | |
| 					</p>
 | |
| 				</section>
 | |
| 				<section>
 | |
| 					<h3>Arcade</h3>
 | |
| 					<p>
 | |
| 						Arcade mode is mostly like the classics.<br>
 | |
| 						In arcade mode, you can go through the edge of the playfield and come out on the other side.<br>
 | |
| 						Super fruits and decaying fruits may also appear. They are worth <em>10</em> and <em>5</em> points respectively.
 | |
| 					</p>
 | |
| 				</section>
 | |
| 				<section>
 | |
| 					<h3>Timed</h3>
 | |
| 					<p>
 | |
| 						Timed mode is a bare-bones mode with a looping playfield.<br>
 | |
| 						A timed game only lasts for 30 seconds, and the goal is to get as high a score as possible.
 | |
| 					</p>
 | |
| 				</section>
 | |
| 				<section>
 | |
| 					<h3>Survival</h3>
 | |
| 					<p>
 | |
| 						In survival mode, the playfield doesn't loop, fruits don't spawn, and you can't win.<br>
 | |
| 						This modes get progressively harder, with speed increases, and snake growth.<br>
 | |
| 						At first, this process is slow, but it gets faster with time.
 | |
| 					</p>
 | |
| 				</section>
 | |
| 				<section>
 | |
| 					<h3>Puzzle mode</h3>
 | |
| 					<p>
 | |
| 						In puzzle mode, time doesn't flow until you move.<br>
 | |
| 						Weird tiles make their debut, like portals, keys, etc.<br>
 | |
| 						Your goal is to get the fruits in as little moves as you can.
 | |
| 					</p>
 | |
| 				</section>
 | |
| 			</article>
 | |
| 			<article>
 | |
| 				<h2>Tiles</h2>
 | |
| 				<ul>
 | |
| 					<li><em>Walls</em> kill you if you touch them</li>
 | |
| 					<li><em>Fruits</em> give you one point and make you grow. In arcade gamemodes, they also make the game go faster</li>
 | |
| 					<li><em>Holes</em> kill you if the entire snake is over a hole, or the head and 3 subsequent tiles are over a hole</li>
 | |
| 					<li><em>Fire</em> kills you if you touch it</li>
 | |
| 					<li><em>Oil</em> is flammable and will periodically catch on fire, which will kill you. It is otherwise perfectly safe</li>
 | |
| 					<li><em>Super fruits</em> give you 10 points, and sometimes spawn in arcade mode</li>
 | |
| 					<li><em>Decaying fruits</em> give you 5 points and sometimes spawn in arcade mode, but they also decay after 2 seconds and disappear</li>
 | |
| 					<li><em>Portals</em> teleport you to the corresponding portal</li>
 | |
| 					<li><em>Keys</em> make <em>Doors</em> disappear</li>
 | |
| 				</ul>
 | |
| 			</article>
 | |
| 		</main>
 | |
| 	</body>
 | |
| </html>
 | |
| 
 |