.

Author: Jaxkr

assets/images/tut_screenshot.png

@@ -1,5 +1,6 @@
 import { Callout } from 'nextra/components'
 
 export const UnderConstruction = () => (
-  <Callout type='info'>This page is under construction. More information coming soon! If you have any questions, please ask them in our <u><a href="https://discord.gg/nwXFvtJ92g">Discord server</a></u> and we'll answer them promptly! 😊</Callout>
+  <Callout type='info'>Our docs are always improving. Expect more information coming to this page soon!<br></br>
+  If you have questions, please ask them in our <u><a href="https://discord.gg/nwXFvtJ92g">Discord server</a></u> and we'll answer them promptly! 😊</Callout>
 )

components/under-construction.tsx

@@ -2,7 +2,7 @@
   "name": "@dreamlab.gg/docs",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev -p 3025",
     "build": "next build",
     "start": "next start",
     "lint": "prettier --check .",

package.json

@@ -1,3 +1,3 @@
 # Tutorial
 
-Get started with Dreamlab by modifying TinyMMO, our MMO example game.
+Get started with Dreamlab by modifying Bullet Heaven, a vampire survivors-like game.

pages/tutorial.mdx

@@ -1,5 +1,17 @@
+---
+title: 'Get Started'
+---
+
 import { UnderConstruction } from '~/components/under-construction'
 
 # Get Started
 
-<UnderConstruction />
+Welcome to the Dreamlab tutorial. In this tutorial, we'll be modifying a vampire survivors clone to learn about the Dreamlab game engine.
+
+As a prize for completing it, you'll get the following:
+
+- "Verified Developer" role on our Discord server
+- **Early access to all upcoming beta features.**
+- $50 in AI credits to use for image or code generation!
+
+Click the link below to continue to the _Project Overview_

pages/tutorial/01-start.mdx

@@ -0,0 +1,19 @@
+---
+title: 'Project Overview'
+---
+
+import { UnderConstruction } from '~/components/under-construction'
+import TutScreenshot from '~/assets/images/tut_screenshot.png'
+import { Image } from '~/components/image'
+
+# Project Overview
+
+The sample project only has a few entities:
+
+1. BulletHeavenPlayer. This entity is the hooded figure that each player controls an instance of.
+2. Enemy. This is an enemy that runs at the player.
+3. Xp. This entity is dropped by enemies when they die.
+
+In addition, it has a UI layer written using React displaying the player's health and current XP.
+
+<Image src={TutScreenshot} />

pages/tutorial/01.1-project-overview.mdx

@@ -0,0 +1,9 @@
+---
+title: 'Add a Power-Up'
+---
+
+import { UnderConstruction } from '~/components/under-construction'
+
+# Add a Super-Speed Power-Up
+
+We're going to be implementing a new entity that when your player collides with it, it increases their speed for ten seconds when they collide with it.

pages/tutorial/02-add-powerup.mdx

@@ -0,0 +1,17 @@
+---
+title: 'Add New Enemy'
+---
+
+import { UnderConstruction } from '~/components/under-construction'
+
+# Modify an Entity
+
+Finally, we're going to be adding a new custom enemy
+
+## Generate Art
+
+## Define Enemy
+
+## Add spawn logic
+
+## Test it out

pages/tutorial/02-modify-entity.mdx

@@ -0,0 +1,7 @@
+---
+title: 'Commit your changes to version control'
+---
+
+import { UnderConstruction } from '~/components/under-construction'
+
+# Commit your changes

pages/tutorial/03-grapple-hook.mdx

@@ -3,7 +3,7 @@ import { useConfig } from 'nextra-theme-docs'
 import type { DocsThemeConfig } from 'nextra-theme-docs'
 
 const siteName = 'Dreamlab Docs'
-const defaultDescription = 'Create multiplayer games fast!'
+const defaultDescription = ''
 
 const config: DocsThemeConfig = {
   logo: <b>Dreamlab Documentation</b>,