about summary refs log tree commit diff stats
path: root/js/games/nluqo.github.io/broughlike-tutorial/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'js/games/nluqo.github.io/broughlike-tutorial/index.html')
-rw-r--r--js/games/nluqo.github.io/broughlike-tutorial/index.html57
1 files changed, 57 insertions, 0 deletions
diff --git a/js/games/nluqo.github.io/broughlike-tutorial/index.html b/js/games/nluqo.github.io/broughlike-tutorial/index.html
new file mode 100644
index 0000000..026a6f0
--- /dev/null
+++ b/js/games/nluqo.github.io/broughlike-tutorial/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Broughlike tutorial - Stage 0</title>
+	<meta charset="utf-8">
+</head>
+<body>
+	<div id="outer">
+		<h1>JavaScript Broughlike Tutorial</h1>
+		This is a tutorial about writing a broughlike (a small roguelike game similar to <a href="https://store.steampowered.com/app/274700/868HACK/" target="_blank">868-HACK</a> or <a href="https://itunes.apple.com/us/app/cinco-paus/id1249999336" target="_blank">Cinco Paus</a>) from scratch in JavaScript.
+		<br><br>
+		Check out the <a href="stage0.html">Introduction</a> to see why I created this and how it differs from other tutorials.
+		<div class="centered">
+			<a href="stage0.html"><img src="screens/brough-screen.png" alt="Screenshot of tutorial"></a>
+		</div>
+
+		<h2>Try it out</h2>
+
+		Here's the <a href="completed/stage8/index.html">completed game</a>.
+		<br><br>
+		Controls are lowercase <em>wasd</em> for move/attack and number keys for spells.
+
+
+		<h2>Table of Contents</h2>
+		<ul>
+			<li><a href="stage0.html">Stage 0 - Introduction</a></li>
+			<li><a href="stage1.html">Stage 1 - Drawing to the screen</a></li>
+			<li><a href="stage2.html">Stage 2 - Map generation</a></li>
+			<li><a href="stage3.html">Stage 3 - Monsters</a></li>
+			<li><a href="stage4.html">Stage 4 - Monsters Part 2</a></li>
+			<li><a href="stage5.html">Stage 5 - Game lifecycle</a></li>
+			<li><a href="stage6.html">Stage 6 - Treasure & score</a></li>
+			<li><a href="stage7.html">Stage 7 - Animation, screenshake, & sounds</a></li>
+			<li><a href="stage8.html">Stage 8 - Spells</a></li>
+		</ul>
+
+		<h2>What to do if you get stuck</h2>
+		The <a href="https://github.com/nluqo/broughlike-tutorial/tree/master/docs/completed">github project</a> contains completed versions of all stages, so you can check your results as you go along. Open the <em>index.html</em> in each completed stage in your browser to test out the behavior at that stage.
+
+		<br><br>
+		<strong>Getting help</strong>
+		<br>
+		If you have any questions or anything is unclear, please reach out on our <a href="https://discord.gg/YdthKAq">discord server</a>.
+		<br><br>
+		You can also email me directly if you prefer: <a href="mailto:jeremiah.reid@gmail.com">jeremiah.reid@gmail.com</a>
+	</div>
+
+	<script>
+		let content = {};
+	</script>
+
+	<link rel="stylesheet" href="highlight.min.css">
+	<link rel="stylesheet" href="style.css">
+	<script src="highlight.min.js"></script>
+	<script src="diff.js"></script>
+</body>
+</html>
\ No newline at end of file