feat: godot dungeon crawler resource

src/content/docs/game-design/godot/dungeoncrawler/0-scenesetup/index.mdx

@@ -17,17 +17,20 @@ This is a guide to making a 2-dimensional dungeon crawling game in [Godot](https
 This guide is up-to-date with Godot 4.3 stable official release, and will likely work with any version of Godot newer than 4.3. Due to the use of **TileMapLayers** which were introduced in 4.3, this tutorial isn't compatible with any version pre 4.3
 :::
 
-We'll be making a game in which the player explores a multi-floor dungeon in a top-down perspective. This project will include:
-- Movement 
-- Attacking
-- Health loss & Gain 
-- Pickups (Coins & Potions)
-- Enemies
+## What you'll be making
 
-We will not be creating our own assets as part of this project, although you are of course welcome to!
+![Screenshot preview of the game](/src/assets/godot/dungeonCrawler/screenshot.png)
 
-We'll instead be using a free asset pack by Ox72 on Itch.IO which [can be found here](https://0x72.itch.io/dungeontileset-ii) Just click *Download now* followed by *No thanks, just take me to the download* and download the file called *0x72_DungeonTilesetII_v1.7.zip*
+In this tutorial, you'll work step by step through creating your very own Dungeon Crawler! In this game, the player will navigate through a multi-level dungeon of your design, full of enemies to fight, and treasure to collect!
 
+You'll learn to:
+- Create an animated player character
+- Create enemies that chase and attack the player
+- Create a User Interface that tracks health and points
+- Switch levels 
+- Design 2D Combat
+
+Let's jump right in!
 
 ## Making the project
 
@@ -38,9 +41,11 @@ Godot Documentation for nodes discussed in this section:
 :::
 
 
-Set up a Basic 2D project, using the Forward+ Renderer. Let's start by importing our assets. 
+We won't be creating our own assets as part of this project, we'll instead be using a free asset pack by Ox72 on Itch.IO which [can be found here](https://0x72.itch.io/dungeontileset-ii) Just click *Download now* followed by *No thanks, just take me to the download* and download the file called *0x72_DungeonTilesetII_v1.7.zip*
 
+Create a new 2D project, using the Forward+ Renderer. 
 
+Let's start by importing our assets!
 
 <Steps>
 
@@ -61,7 +66,7 @@ Set up a Basic 2D project, using the Forward+ Renderer. Let's start by importing
 </Steps>
 
 <Box>
-### Checklist
+## Checklist
 <Checklist>
 - [ ] I have imported the assets
 - [ ] I have setup my folders and changed the settings

src/content/docs/game-design/godot/dungeoncrawler/1-player/index.mdx

@@ -36,7 +36,7 @@ Here's how my scene looks with no other modifications:
 
 Let's hit **Ctrl + S** and save this scene in our **Scenes** folder, call it **Player.tscn**
 
-### Animations
+## Animations
 
 Let's give ourselves something to look at! 
 <Steps>
@@ -71,7 +71,7 @@ Let's give ourselves something to look at!
     Great! That's our animations all done!
 </Steps>
 
-### Collision
+## Collision
 
 Now that we have something to look at, let's give our player a hitbox. 
 <Steps>
@@ -87,7 +87,7 @@ Now that we have something to look at, let's give our player a hitbox.
 
 With our script created and attached, let's get to programming our movement!
 
-### Movement
+## Movement
 
 <Steps>
 
@@ -140,7 +140,7 @@ Switch back to 2D view at the top of the screen.
 And that's our player ready to go for now!
 
 <Box>
-### Checklist
+## Checklist
 <Checklist>
 - [ ] I've created the player scene
 - [ ] I've setup the animations

src/content/docs/game-design/godot/dungeoncrawler/2-level/index.mdx

@@ -8,7 +8,7 @@ description: Setting up a basic test level
 import Checklist from '/src/components/tutorial/Checklist.astro';
 import Box from '/src/components/tutorial/Box.astro';
 
-## Building a level
+## Level Scene
 
 :::note[Godot Documentation]
 Godot Documentation for nodes discussed in this section: 
@@ -82,7 +82,7 @@ Here's what my room looks like:
 Don't go too crazy on your level design just now! This first area will just be to test!
 :::
 
-### Adding our player to the level
+## Adding our player to the level
 
 Now that we have a basic level set up, let's add our player to it so we can start to properly test our game! To do this, we'll just drag our player scene from the **Scenes** folder
 in the file browser, into our **scene tree** as a child of the root node! Finally, we'll give the player a child of type **Camera2D.** here's what my scene looks like:
@@ -93,7 +93,7 @@ Don't worry if the names of your nodes are different, leave them as they are for
 
 You should be able to move around! Though you'll quickly notice you're able to walk through walls, which isn't ideal, so let's fix that!
 
-### Level collision
+## Level collision
 <Steps>
 1. Click on your **Walls TilemapLayer** Node, Then, navigate to the inspector. Click the **TileSet** Object at the top of the inspector. 
 
@@ -125,7 +125,7 @@ You should be able to move around! Though you'll quickly notice you're able to w
 Now try playing your game again! You'll notice you actually collide with the walls! Great!
 
 <Box>
-### Checklist
+## Checklist
 <Checklist>
 - [ ] I've set up the Tilemaps
 - [ ] I've added collision

src/content/docs/game-design/godot/dungeoncrawler/3-playerimprovement/index.mdx

@@ -9,7 +9,6 @@ import Checklist from '/src/components/tutorial/Checklist.astro';
 import Box from '/src/components/tutorial/Box.astro';
 import { Steps } from '@astrojs/starlight/components';
 
-## Improving our player
 
 :::note[Godot Documentation]
 Godot Documentation for nodes discussed in this section: 
@@ -23,7 +22,8 @@ make sure our animation changes to our walking animation when we move, and make
 
 We'll also be implementing attacking, but we'll do that in its own section!
 
-### Input mapping
+## Input mapping
+
 <Steps>
 1. To change our inputs, we'll first need to set up our **Input Map** to do this, we'll navigate to **Project -> Project Settings** in the top left of the workspace.
 
@@ -65,7 +65,7 @@ if you run your game, you'll notice your inputs are now changed!
 We won't assign our Attack option just yet, but it's good we've created it already.
 
 
-### Animation switching
+## Animation switching
 
 To change our animation depending on if we're moving or not, we'll only need to add a few lines to our script. But first, we'll need a reference to our **AnimatedSprite2D** in our script.
 
@@ -131,7 +131,7 @@ Great! Let's get to changing our animation!
 
 Play your game, and you'll notice your animation changes when you move!
 
-### Sprite facing
+## Sprite facing
 
 To flip our player based on the direction we're moving, all we really need to do is add another If to check only the **Horizontal** part of our velocity, as thankfully the **AnimatedSprite2D** node has a built-in way to flip our sprite!
 
@@ -190,7 +190,7 @@ I'll be adding this section **beneath** the animation section, but before the **
 Test your game, and you'll notice your sprite now faces left or right depending on the direction we're facing!
 
 <Box>
-### Checklist
+## Checklist
 <Checklist>
 - [ ] I've setup the Inputs
 - [ ] My sprite flips from left to right

src/content/docs/game-design/godot/dungeoncrawler/4-weapon/index.mdx

@@ -9,7 +9,6 @@ import Checklist from '/src/components/tutorial/Checklist.astro';
 import Box from '/src/components/tutorial/Box.astro';
 import { Steps } from '@astrojs/starlight/components';
 
-## Creating our Weapon
 
 :::note[Godot Documentation]
 Godot Documentation for nodes discussed in this section: 
@@ -19,7 +18,7 @@ Godot Documentation for nodes discussed in this section:
 
 Let's give our player something to attack with!
 
-### Weapon Scene
+## Weapon Scene
 
 Let's make our weapon!
 <Steps>
@@ -54,7 +53,7 @@ Let's make our weapon!
 6. Before we move on, navigate to the inspector tab of the **Area2D** node and find the **Collision** tab, under **Layer** make sure nothing is selected. Under **Mask** Make sure *only* 2 is selected.
 
 </Steps>
-### Weapon Script
+## Weapon Script
 <Steps>
 1. Let's create a script to control our weapon, create it using the default template and attach it to the **root node2d,** call it "weapon.gd"
 
@@ -105,7 +104,7 @@ Let's make our weapon!
 	```
 </Steps>
 
-### Sword Animation
+## Sword Animation
 
 Now, let's start creating our attack animation! 
 <Steps>
@@ -144,7 +143,7 @@ And that's it! We'll come back later to add the code for destroying enemies.
 
 Great! Let's get our weapon added to our player!
 
-### Adding our weapon to our player
+## Adding our weapon to our player
 
 Navigate to your player scene. From the filesystem, drag in your weapon scene (called **weapon.tscn**) and attach it as a child of the main 
 **CharacterBody2D** node. 
@@ -155,7 +154,7 @@ You're also welcome to adjust the size of the weapon (Although, you're best to d
 
 
 <Box>
-### Checklist
+## Checklist
 <Checklist>
 - [ ] I've created the weapon scene
 - [ ] I've created the weapon script

src/content/docs/game-design/godot/dungeoncrawler/5-health/index.mdx

@@ -9,7 +9,6 @@ import Box from '/src/components/tutorial/Box.astro';
 import Checklist from '/src/components/tutorial/Checklist.astro';
 import { Steps } from '@astrojs/starlight/components';
 
-## Health
 
 :::note[Godot Documentation]
 Godot Documentation for nodes discussed in this section: 
@@ -18,7 +17,7 @@ Godot Documentation for nodes discussed in this section:
 :::
 
 
-### Player Health
+## Giving our player Health
 
 Let's start setting up our health system on the player side!
 <Steps>
@@ -199,9 +198,9 @@ Let's start setting up our health system on the player side!
 
 And that's the player side of health done! Let's move onto the UI side!
 
-### Health UI
+## Health UI
 
-#### UI Setup
+### UI Setup
 
 Time to start making some UI!
 <Steps>
@@ -222,7 +221,7 @@ Time to start making some UI!
 
 Great! That's all the UI setup we'll need to do for now (Though we'll come back to it later for points)
 
-#### UI Scripting
+### UI Scripting
 
 <Steps>
 1. Add a script to the root node, calling it "ui.gd"
@@ -330,7 +329,7 @@ Great! That's all the UI setup we'll need to do for now (Though we'll come back
 
 </Steps>
 
-#### Getting things connected
+### Getting things connected
 
 <Steps>
 1. Go back to your main level scene. Add a new child of type **CanvasLayer** and add your new UI scene as a child of this! (This ensures that the UI 'sticks' to the camera, rather than existing within the game)
@@ -359,7 +358,7 @@ Run your game! And you should have 3 hearts! Great!
 
 
 <Box>
-### Checklist
+## Checklist
 <Checklist>
 - [ ] I've given the player a hitbox
 - [ ] I've created the health UI

src/content/docs/game-design/godot/dungeoncrawler/6-pickups/index.mdx

@@ -1,15 +1,14 @@
 ---
 type: tutorial
 unitTitle: Pickups
-title: Health & Coins
+title: Potions & Coins
 description: Implementing pickups for the player to collect
 ---
 
 import Checklist from '/src/components/tutorial/Checklist.astro';
 import Box from '/src/components/tutorial/Box.astro';
 import { Steps } from '@astrojs/starlight/components';
 
-## Pickups
 
 :::note[Godot Documentation]
 Godot Documentation for nodes discussed in this section: 
@@ -22,7 +21,7 @@ Let's get onto pickups! Our game will have two types of pickups: Coins, and Poti
 
 Thankfully the setup for the two will be extremely simple, and they won't even need a script! As all logic is handled by our hitbox script!
 
-### Coins
+## Coins
 
 <Steps>
 
@@ -91,14 +90,14 @@ Don't worry, we've done all the hard work of connecting signals earlier! This'll
 
 If you've set it all up right, you should notice this number going up each time you pick up a coin! Add a few instances of the coin scene to your level to test!
 
-### Potions
+## Potions
 
 For potions the process is exactly the same! You should be able to do it on your own! Just follow the steps for creating the coin scene. Except in this case we'll just want a regular **Sprite2D** As the potion sprite isn't animated, and we'll want the group to be called "health" (make sure it matches the line we wrote in **hitbox.gd**)
 
 Don't worry if you don't seem to be able to pick up the potions! It's probably because you have full health!
 
 <Box>
-### Checklist
+## Checklist
 <Checklist>
 - [ ] I've created a coin pickup
 - [ ] I've created a potion pickup

src/content/docs/game-design/godot/dungeoncrawler/7-enemy/index.mdx

@@ -8,7 +8,6 @@ import Checklist from '/src/components/tutorial/Checklist.astro';
 import Box from '/src/components/tutorial/Box.astro';
 import { Steps } from '@astrojs/starlight/components';
 
-## Enemies
 
 :::note[Godot Documentation]
 Godot Documentation for nodes discussed in this section: 
@@ -22,7 +21,7 @@ Something to fight!
 
 We'll be keeping our enemy fairly simple, it'll operate off a circular detection range, and walk toward the player if it enters that range, without taking into account walls (Though it will of course still collide with walls)
 
-### Enemy Scene
+## Enemy Scene
 
 Let's get to making the scene!
 
@@ -48,7 +47,7 @@ Let's get to making the scene!
 
 </Steps>
 
-### Enemy Scripting
+## Enemy Scripting
 
 Now let's get the enemy moving!
 <Steps>
@@ -149,7 +148,7 @@ Add an enemy to the scene, and you should notice that if you get close to it, it
 
 Although there's one problem... We can't destroy it!
 
-### Destroying the enemy!
+## Destroying the enemy!
 
 Head to your Weapon Scene and open the **weapon.gd** script. We'll just need to make some slight modifications to check if the sword is colliding with enemies when we attack.
 
@@ -187,7 +186,7 @@ Head to your Weapon Scene and open the **weapon.gd** script. We'll just need to
 Test it out, and hopefully you'll find you can now destroy the enemies!
 
 <Box>
-### Checklist
+## Checklist
 <Checklist>
 - [ ] I've created the enemy scene
 - [ ] I've created the enemy script

src/content/docs/game-design/godot/dungeoncrawler/8-levels/index.mdx

@@ -9,7 +9,6 @@ import Checklist from '/src/components/tutorial/Checklist.astro';
 import Box from '/src/components/tutorial/Box.astro';
 import { Steps } from '@astrojs/starlight/components';
 
-## Another floor
 
 :::note[Godot Documentation]
 Godot Documentation for nodes discussed in this section: 
@@ -24,7 +23,7 @@ Until now, our game has only had one level. Let's change that! Thankfully, Godot
 
 Let's get straight into it!
 
-### Creating Multiple Levels
+## Creating Multiple Levels
 
 To create multiple levels, we'll want to save each level and *everything* in the level, as a **Scene.** A level should contain **Everything** that we want to be part of the level, such as enemies, coins, and potions. However we *don't* want the player or the UI to be saved in the level.
 
@@ -59,7 +58,7 @@ Here's an example of a level I made, take note of the order of the nodes in the
 
 ![Initial Scene](/src/assets/godot/dungeonCrawler/createdLevel.png)
 
-### Level Loader 
+## Level Loader 
 
 The very last step for our game, is creating something to actually transition us between levels! 
 <Steps>