phaser

examples/react/react-phaser-example/src/phaser/index.ts → examples/react/react-phaser-example/src/phaser/createPhaserLayer.ts

@@ -11,7 +11,7 @@ export const createPhaserLayer = async (
     networkLayer: NetworkLayer,
     phaserConfig: PhaserEngineConfig
 ) => {
-    const world = namespaceWorld(networkLayer.world, "phaser");
+    const world = namespaceWorld(networkLayer.recsWorld, "phaser");
     const {
         game,
         scenes,

examples/react/react-phaser-example/src/phaser/systems/camera.ts

@@ -1,4 +1,4 @@
-import { PhaserLayer } from "..";
+import { PhaserLayer } from "../createPhaserLayer";
 
 export const camera = (layer: PhaserLayer) => {
     const {

examples/react/react-phaser-example/src/phaser/systems/controls.ts

@@ -1,4 +1,4 @@
-import { PhaserLayer } from "..";
+import { PhaserLayer } from "../createPhaserLayer";
 import { Direction } from "../../dojo/utils";
 
 export const controls = (layer: PhaserLayer) => {

examples/react/react-phaser-example/src/phaser/systems/mapSystem.ts

@@ -1,5 +1,5 @@
 import { Tileset } from "../../assets/world";
-import { PhaserLayer } from "..";
+import { PhaserLayer } from "../createPhaserLayer";
 import { snoise } from "@dojoengine/utils";
 import { MAP_AMPLITUDE } from "../config/constants";
 

examples/react/react-phaser-example/src/phaser/systems/move.ts

@@ -5,7 +5,7 @@ import {
     defineEnterSystem,
     getComponentValueStrict,
 } from "@dojoengine/recs";
-import { PhaserLayer } from "..";
+import { PhaserLayer } from "../createPhaserLayer";
 import { tileCoordToPixelCoord } from "@latticexyz/phaserx";
 import { Animations, TILE_HEIGHT, TILE_WIDTH } from "../config/constants";
 

examples/react/react-phaser-example/src/phaser/systems/registerSystems.ts

@@ -1,4 +1,4 @@
-import { PhaserLayer } from "..";
+import { PhaserLayer } from "../createPhaserLayer";
 import { move } from "./move";
 import { controls } from "./controls";
 import { mapSystem } from "./mapSystem";

examples/react/react-phaser-example/src/store.ts

@@ -1,6 +1,6 @@
 import { create } from "zustand";
 import { NetworkLayer } from "./dojo/createNetworkLayer";
-import { PhaserLayer } from "./phaser";
+import { PhaserLayer } from "./phaser/createPhaserLayer";
 
 export type Store = {
     networkLayer: NetworkLayer | null;

examples/react/react-phaser-example/src/ui/hooks/usePhaserLayer.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { createPhaserLayer } from "../../phaser";
+import { createPhaserLayer } from "../../phaser/createPhaserLayer";
 import { NetworkLayer } from "../../dojo/createNetworkLayer";
 import { phaserConfig } from "../../phaser/config/configurePhaser";
 import { usePromiseValue } from "./usePromiseValue";

readme.md

@@ -74,15 +74,17 @@ git submodule update --init --recursive
 
 ---
 
-### Examples
+### Debugging
 
-If you have issues on WSL, install package first then run command :
+If you have issues on WSL, install package first then run command:
 
 ```console
 npm i @dojoengine/create-dojo -g
 npx @dojoengine/create-dojo
 ```
 
+### Examples
+
 To run the examples that have the linked packages, follow the steps below:
 
 **Terminal 1**: Set up the dojo starter with specific configurations.
@@ -104,6 +106,6 @@ sozo migrate
 
 ```console
 cd examples/<package>
-bun install
-bun dev
+pnpm install
+pnpm run dev
 ```