format

Author: CodedRedGIT

docs/building-blocks/bullet-system.mdx

@@ -1,8 +1,5 @@
-
 # Bullet System
 
-
-
 ## How to use
 
-After importing the project
+After importing the project

docs/building-blocks/enemy.mdx

@@ -1,8 +1,8 @@
-
 # Enemy
 
-This importable building block is a basic enemy which chases the nearest player. The enemy uses the [Health](./health.mdx) behavior and if the player has one it will damage it.
+This importable building block is a basic enemy which chases the nearest player. The enemy uses the
+[Health](./health.mdx) behavior and if the player has one it will damage it.
 
 ## How to use
 
-After importing this building block, simply drag the enemy into your project and hit play.
+After importing this building block, simply drag the enemy into your project and hit play.

docs/building-blocks/health.mdx

@@ -1,7 +1,5 @@
-
 # Health and Health Bars
 
-
 ## How to use
 
 After importing the building block, simply attach the Health behavior to any entity and it will get a health bar!
@@ -12,4 +10,4 @@ Health has the following methods:
 - `setHealth(number)` - Set the health value
 - `setShield(number)` - Set the shield value
 - `showHealthbar()` - Show the health bar
-- `hideHealthbar()` - Hide the health bar
+- `hideHealthbar()` - Hide the health bar

docs/building-blocks/hud.mdx

@@ -1,2 +1 @@
-
-# Heads-up Display
+# Heads-up Display

docs/building-blocks/lighting.mdx

@@ -7,11 +7,13 @@
 
 This page shows how to create dynamic lighting effects in Dreamlab using raycasting and PIXI graphics.
 
-There is no built-in lighting system in Dreamlab. Instead, you can create lighting effects by combining raycasting for line-of-sight calculations with PIXI graphics for rendering shadows and illuminated areas.
+There is no built-in lighting system in Dreamlab. Instead, you can create lighting effects by combining raycasting for
+line-of-sight calculations with PIXI graphics for rendering shadows and illuminated areas.
 
 ## Light Overlay Example
 
-Here's an example implementation of a lighting system using the `LightOverlay` behavior, which creates a dynamic shadow overlay that responds to the cursor position and world geometry.
+Here's an example implementation of a lighting system using the `LightOverlay` behavior, which creates a dynamic shadow
+overlay that responds to the cursor position and world geometry.
 
 ```ts
 import { Behavior, BehaviorDestroyed, Collider, RawPixi, value } from "@dreamlab/engine";
@@ -29,9 +31,7 @@ export default class LightOverlay extends Behavior {
   #overlay!: PIXI.Graphics;
   #mask!: PIXI.Graphics;
 
-  #overlayCtx = new PIXI.GraphicsContext()
-    .rect(-100, -100, 200, 200)
-    .fill({ color: "black", alpha: 0.8 });
+  #overlayCtx = new PIXI.GraphicsContext().rect(-100, -100, 200, 200).fill({ color: "black", alpha: 0.8 });
 
   onInitialize(): void {
     if (!this.game.isClient()) return;
@@ -61,9 +61,7 @@ export default class LightOverlay extends Behavior {
     const { world } = this.game.inputs.cursor;
     if (!world) return;
 
-    const colliders = this.game.entities
-      .lookupByPosition(world)
-      .filter(entity => entity instanceof Collider);
+    const colliders = this.game.entities.lookupByPosition(world).filter((entity) => entity instanceof Collider);
 
     if (colliders.length > 0) return;
 
@@ -146,4 +144,4 @@ Lighting effects can integrate with Dreamlab's physics system:
 
 - Uses `Ray` from the Rapier physics engine for collision detection
 - Respects all solid colliders in the scene
-- Can be combined with dynamic obstacles for moving shadows
+- Can be combined with dynamic obstacles for moving shadows

docs/building-blocks/platformer-controller.mdx

@@ -4,8 +4,9 @@ title: Platform Player Controller
 
 # Platform Player Controllers
 
-These two example controllers give you everything from a simple jump-and-gravity player to a full-featured platformer with animation control and moving platform support.
-This follows the [standard player spawning model](/guide/network-authority/#standard-player-spawning-model).
+These two example controllers give you everything from a simple jump-and-gravity player to a full-featured platformer
+with animation control and moving platform support. This follows the
+[standard player spawning model](/guide/network-authority/#standard-player-spawning-model).
 
 ---
 
@@ -38,19 +39,13 @@ Move and jump with keyboard controls! Fully multiplayer!
 </div>
 
 ### Code
+
 ```typescript
-import {
-  Behavior,
-  CharacterController,
-  RichText,
-  Vector2,
-  syncedValue,
-} from "@dreamlab/engine";
+import { Behavior, CharacterController, RichText, Vector2, syncedValue } from "@dreamlab/engine";
 
 // A very simple platformer controller, attach to a PlayerController Entity.
 // This follows the https://docs.dreamlab.gg/guide/network-authority/#standard-player-spawning-model
 
-
 export default class PlayerController extends Behavior {
   #controller = this.entity.cast(CharacterController);
 
@@ -100,17 +95,13 @@ export default class PlayerController extends Behavior {
     }
 
     // Create movement vector
-    const movement = new Vector2(
-      horizontalVelocity * deltaTime,
-      this.#verticalVelocity * deltaTime,
-    );
+    const movement = new Vector2(horizontalVelocity * deltaTime, this.#verticalVelocity * deltaTime);
 
     if (!this.#controller.isGrounded) this.#verticalVelocity -= this.gravity * deltaTime;
 
     this.entity.pos = this.entity.pos.add(movement);
   }
 }
-
 ```
 
 ---
@@ -149,12 +140,15 @@ This demo is multiplayer! Try opening another browser tab to this page!
 :::
 
 ### Overview
-A complete 2D character controller for platformer games.
-Includes variable jump height, coyote time, head collision checks, and sticking to moving platforms.
 
-It uses Dreamlab's built-in `CharacterController` for physics and `Rapier` raycasts for grounded detection, plus animation references for idle/run/jump/fall states.
+A complete 2D character controller for platformer games. Includes variable jump height, coyote time, head collision
+checks, and sticking to moving platforms.
+
+It uses Dreamlab's built-in `CharacterController` for physics and `Rapier` raycasts for grounded detection, plus
+animation references for idle/run/jump/fall states.
 
 ### Code
+
 ```typescript
 // This follows the https://docs.dreamlab.gg/guide/network-authority/#standard-player-spawning-model
 
@@ -231,13 +225,10 @@ export default class PlatformPlayer extends Behavior {
     this.horizontalVelocity = horizontalInput * this.speed;
 
     if (horizontalInput > 0) {
-      this.animationsContainer.transform.scale.x = Math.abs(
-        this.animationsContainer.transform.scale.x,
-      );
+      this.animationsContainer.transform.scale.x = Math.abs(this.animationsContainer.transform.scale.x);
       this.runAnim.enabled = true;
     } else if (horizontalInput < 0) {
-      this.animationsContainer.transform.scale.x =
-        Math.abs(this.animationsContainer.transform.scale.x) * -1;
+      this.animationsContainer.transform.scale.x = Math.abs(this.animationsContainer.transform.scale.x) * -1;
       this.runAnim.enabled = true;
     } else {
       this.idleAnim.enabled = true;
@@ -257,10 +248,7 @@ export default class PlatformPlayer extends Behavior {
         this.#jumpTimeCounter = 0;
         this.coyoteTime = 0;
 
-        const jumpMovement = new Vector2(
-          this.horizontalVelocity * deltaTime,
-          this.verticalVelocity * deltaTime,
-        );
+        const jumpMovement = new Vector2(this.horizontalVelocity * deltaTime, this.verticalVelocity * deltaTime);
         this.entity.pos = this.entity.pos.add(jumpMovement);
         return;
       }
@@ -327,10 +315,7 @@ export default class PlatformPlayer extends Behavior {
     }
 
     // Apply final movement
-    const movement = new Vector2(
-      this.horizontalVelocity * deltaTime,
-      this.verticalVelocity * deltaTime,
-    );
+    const movement = new Vector2(this.horizontalVelocity * deltaTime, this.verticalVelocity * deltaTime);
 
     if (this.#isJumping) {
       this.jumpAnim.enabled = true;
@@ -358,14 +343,7 @@ export default class PlatformPlayer extends Behavior {
     let foundPlatform: Entity | undefined;
 
     // Left foot check
-    const leftHit = this.game.physics.world.castRay(
-      leftRay,
-      1,
-      true,
-      undefined,
-      undefined,
-      this.#character.collider,
-    );
+    const leftHit = this.game.physics.world.castRay(leftRay, 1, true, undefined, undefined, this.#character.collider);
     if (leftHit && this.grounded) {
       const body = this.game.physics.world.colliders.get(leftHit.collider.handle) as any;
       if (body) {
@@ -430,40 +408,16 @@ export default class PlatformPlayer extends Behavior {
       { x: this.entity.pos.x - halfExtents.x, y: this.entity.pos.y },
       { x: 0, y: halfExtents.y + 0.1 },
     );
-    const midHeadRay = new RAPIER.Ray(
-      { x: this.entity.pos.x, y: this.entity.pos.y },
-      { x: 0, y: halfExtents.y + 0.1 },
-    );
+    const midHeadRay = new RAPIER.Ray({ x: this.entity.pos.x, y: this.entity.pos.y }, { x: 0, y: halfExtents.y + 0.1 });
     const rightHeadRay = new RAPIER.Ray(
       { x: this.entity.pos.x + halfExtents.x, y: this.entity.pos.y },
       { x: 0, y: halfExtents.y + 0.1 },
     );
 
     // Cast each ray. If any hit, we clamp upward velocity.
-    const leftHit = world.castRay(
-      leftHeadRay,
-      1,
-      true,
-      undefined,
-      undefined,
-      this.#character.collider,
-    );
-    const midHit = world.castRay(
-      midHeadRay,
-      1,
-      true,
-      undefined,
-      undefined,
-      this.#character.collider,
-    );
-    const rightHit = world.castRay(
-      rightHeadRay,
-      1,
-      true,
-      undefined,
-      undefined,
-      this.#character.collider,
-    );
+    const leftHit = world.castRay(leftHeadRay, 1, true, undefined, undefined, this.#character.collider);
+    const midHit = world.castRay(midHeadRay, 1, true, undefined, undefined, this.#character.collider);
+    const rightHit = world.castRay(rightHeadRay, 1, true, undefined, undefined, this.#character.collider);
 
     if (leftHit || midHit || rightHit) {
       // Stop upward movement
@@ -504,14 +458,7 @@ export default class PlatformPlayer extends Behavior {
     );
 
     // Check left foot
-    const leftHit = this.game.physics.world.castRay(
-      leftRay,
-      1,
-      true,
-      undefined,
-      undefined,
-      this.#character.collider,
-    );
+    const leftHit = this.game.physics.world.castRay(leftRay, 1, true, undefined, undefined, this.#character.collider);
     if (leftHit) {
       const leftBody = this.game.physics.world.colliders.get(leftHit.collider.handle) as any;
       if (leftBody) {
@@ -523,14 +470,7 @@ export default class PlatformPlayer extends Behavior {
     }
 
     // Check right foot
-    const rightHit = this.game.physics.world.castRay(
-      rightRay,
-      1,
-      true,
-      undefined,
-      undefined,
-      this.#character.collider,
-    );
+    const rightHit = this.game.physics.world.castRay(rightRay, 1, true, undefined, undefined, this.#character.collider);
     if (rightHit) {
       const rightBody = this.game.physics.world.colliders.get(rightHit.collider.handle) as any;
       if (rightBody) {
@@ -545,4 +485,4 @@ export default class PlatformPlayer extends Behavior {
     return false;
   }
 }
-```
+```

docs/building-blocks/top-down-character-controller.mdx

@@ -15,10 +15,12 @@ This follows the [standard player spawning model](/guide/network-authority/#stan
 Move in 8 directions with WASD controls and animation state handling.
 
 ### Overview
-A straightforward top-down character controller with movement and idle animations.
-Supports directional sprites and smooth 8-directional movement.
+
+A straightforward top-down character controller with movement and idle animations. Supports directional sprites and
+smooth 8-directional movement.
 
 ### Code
+
 ```typescript
 import { AnimatedSprite, Behavior, syncedValue, Vector2 } from "@dreamlab/engine";
 
@@ -58,9 +60,7 @@ export default class Player extends Behavior {
       let movement = new Vector2(dx, dy);
 
       // Normalize diagonal movement for consistent speed
-      this.entity.pos = this.entity.pos.add(
-        movement.normalize().mul(this.speed * dt)
-      );
+      this.entity.pos = this.entity.pos.add(movement.normalize().mul(this.speed * dt));
     } else {
       this.state = "idle";
     }
@@ -110,23 +110,16 @@ export default class Player extends Behavior {
 </div>
 
 ### Overview
+
 This demo includes mobile joystick support for touch controls in addition to keyboard movement.
 
 ### Player Code
+
 ```typescript
 import { AnimatedSprite, Behavior, syncedValue, Vector2 } from "@dreamlab/engine";
 import Joystick from "./joystick.tsx";
 
-export const ACTION_TYPES = [
-  "punch",
-  "attack",
-  "kick",
-  "stomp",
-  "grab",
-  "hit",
-  "entrance",
-  "leaving",
-] as const;
+export const ACTION_TYPES = ["punch", "attack", "kick", "stomp", "grab", "hit", "entrance", "leaving"] as const;
 
 export type ActionType = (typeof ACTION_TYPES)[number];
 
@@ -179,7 +172,10 @@ export default class Player extends Behavior {
       let movement = new Vector2(dx, dy);
 
       this.entity.pos = this.entity.pos.add(
-        movement.normalize().mul(this.speed * dt).mul(joystickSpeedMultiplier),
+        movement
+          .normalize()
+          .mul(this.speed * dt)
+          .mul(joystickSpeedMultiplier),
       );
     } else {
       this.state = "idle";
@@ -294,4 +290,4 @@ export default class Joystick extends UIBehavior {
     return <div style={{ width: "100%", height: "100%", position: "relative" }}></div>;
   }
 }
-```
+```