Skip to content

Commit

Permalink
Merge pull request #3196 from KBVE/patch-atomic-more-changes-to-the-m…
Browse files Browse the repository at this point in the history 
…apdatabase-11-09-2024-1731137544

[CI] Merge patch-atomic-more-changes-to-the-mapdatabase-11-09-2024-1731137544 into dev
  • Loading branch information
@h0lybyte
h0lybyte authored Nov 9, 2024
2 parents 3d38ae5 + 7ae836c commit 0054101
Show file tree
Hide file tree
Showing 4 changed files with 702 additions and 230 deletions.
383 changes: 202 additions & 181 deletions apps/cryptothrone.com/src/components/game/scene/SandCity.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,191 +1,212 @@
import { Scene } from 'phaser';
import Phaser from 'phaser';
import {
Quadtree,
type Bounds,
type Range,
PlayerController,
eventEmitterInstance as EventEmitter,
type CharacterEventData,
notificationType,
ULIDFactory,
npcDatabase,
mapDatabase,
Debug,
Quadtree,
type Bounds,
type Range,
PlayerController,
eventEmitterInstance as EventEmitter,
type CharacterEventData,
notificationType,
ULIDFactory,
npcDatabase,
mapDatabase,
Debug,
} from '@kbve/laser';

declare global {
interface Window {
__GRID_ENGINE__?: any;
}
interface Window {
__GRID_ENGINE__?: any;
}
}

export class SandCity extends Scene {
cursor: Phaser.Types.Input.Keyboard.CursorKeys | undefined;
gridEngine: any;
quadtree: Quadtree | undefined;
playerController: PlayerController | undefined;

constructor() {
super({ key: 'SandCity' });
}

preload() {
EventEmitter.emit('notification', {
title: 'Success',
message: `You arrived safely to SandCity Passport: ${ULIDFactory().toString()}`,
notificationType: notificationType.success,
});
}

async create() {
let cloudCityTilemap: Phaser.Tilemaps.Tilemap | null = null;

try {
cloudCityTilemap = await mapDatabase.loadMap(this, 'cloud-city-map');
} catch (error) {
Debug.error('Failed to load map:', error);
return;
}

if (!cloudCityTilemap) {
Debug.error('Tilemap could not be loaded.');
return;
}

const bounds = await mapDatabase.getBounds('cloud-city-map');
if (bounds) {
this.quadtree = new Quadtree(bounds);
} else {
Debug.error('Bounds could not be retrieved.');
return;
}

const playerSprite = this.add.sprite(0, 0, 'player');
playerSprite.scale = 1.5;

const playerBounds = playerSprite.getBounds();

const targetX = playerBounds.centerX + (playerSprite.width * 3);
const targetY = playerBounds.centerY + (playerSprite.height * 3);

this.cameras.main.pan(targetX, targetY, 1000, 'Power2');

this.cameras.main.once('camerapancomplete', () => {
this.cameras.main.startFollow(playerSprite, true);
this.cameras.main.setFollowOffset(
-playerSprite.width,
-playerSprite.height,
);
});

const gridEngineConfig = {
characters: [
{
id: 'player',
sprite: playerSprite,
walkingAnimationMapping: 6,
startPosition: { x: 5, y: 12 },
},
],
numberOfDirections: 8,
};

this.gridEngine.create(cloudCityTilemap, gridEngineConfig);
this.loadRanges();

this.playerController = new PlayerController(
this,
this.gridEngine,
this.quadtree,
);

// Retrieve NPCs from mapDatabase
const npcs = await mapDatabase.getNpcsFromTilesetKey('cloud-city-map');

if (npcs) {
for (const npc of npcs) {
try {
await npcDatabase.loadCharacter(
this,
npc.ulid,
npc.position.x,
npc.position.y,
);
} catch (error) {
Debug.error(`Failed to load NPC with ULID: ${npc.ulid}`, error);
}
}
}

// await npcDatabase.loadCharacter(this, '01J2DT4G871KJ0VNSHCNC5REDM', 6, 6);
// await npcDatabase.loadCharacter(this, '01J2HCTMQ58JBMJGW9YA3FBQCG', 8, 8);
// await npcDatabase.loadCharacter(this, '01J2HQJBMBGEEMWDBDWATRCY3T', 8, 15);

window.__GRID_ENGINE__ = this.gridEngine;
}

loadRanges() {
const ranges: Range[] = [
{
name: 'well',
bounds: { xMin: 2, xMax: 5, yMin: 10, yMax: 14 },
action: () => {
const eventData: CharacterEventData = {
message:
'Seems like there are no fish in the sand pits. You know null, this area could be fixed up a bit too.',
};
EventEmitter.emit('charEvent', eventData);
},
},
{
name: 'sign',
bounds: { xMin: 2, xMax: 5, yMin: 2, yMax: 5 },
action: () => {
const eventData = {
message: 'Sign does not have much to say.',
character_name: 'Evee The BarKeep',
character_image: '/assets/npc/barkeep.webp',
background_image: '/assets/background/woodensign.webp',
};
EventEmitter.emit('charEvent', eventData);
},
},
{
name: 'building',
bounds: { xMin: 13, xMax: 13, yMin: 6, yMax: 7 },
action: () => {
const eventData: CharacterEventData = {
message: 'Sorry, we are closed!',
character_name: 'Evee The BarKeep',
character_image: '/assets/npc/barkeep.webp',
background_image: '/assets/background/animebar.webp',
};
EventEmitter.emit('charEvent', eventData);
},
},
{
name: 'tombstone',
bounds: { xMin: 7, xMax: 10, yMin: 9, yMax: 10 },
action: () => {
const eventData: CharacterEventData = {
message:
'Samson the Great was an amazing sailer, died drinking dat drank.',
character_name: 'Samson Statue',
character_image: '/assets/npc/samson.png',
background_image: '/assets/background/animetombstone.webp',
};
EventEmitter.emit('charEvent', eventData);
},
},
];

for (const range of ranges) {
if (this.quadtree != undefined) this.quadtree.insert(range);
}
}

update() {
this.playerController?.handleMovement();
}
cursor: Phaser.Types.Input.Keyboard.CursorKeys | undefined;
gridEngine: any;
quadtree: Quadtree | undefined;
playerController: PlayerController | undefined;

constructor() {
super({ key: 'SandCity' });
}

preload() {
EventEmitter.emit('notification', {
title: 'Success',
message: `You arrived safely to SandCity Passport: ${ULIDFactory().toString()}`,
notificationType: notificationType.success,
});
}

async create() {
let cloudCityTilemap: Phaser.Tilemaps.Tilemap | null = null;

try {
await mapDatabase.prepareMapLoad('cloud-city-map');
cloudCityTilemap = await mapDatabase.loadNewMap(
this,
'cloud-city-map',
5,
12,
);
} catch (error) {
Debug.error('Failed to load map:', error);
return;
}

if (!cloudCityTilemap) {
Debug.error('Tilemap could not be loaded.');
return;
}

if (cloudCityTilemap) {
Debug.log('New Tilemap Loaded');
}

const bounds = await mapDatabase.getBounds('cloud-city-map');
if (bounds) {
this.quadtree = new Quadtree(bounds);
} else {
Debug.error('Bounds could not be retrieved.');
return;
}

const playerSprite = this.add.sprite(0, 0, 'player');
playerSprite.scale = 1.5;

const playerBounds = playerSprite.getBounds();

const targetX = playerBounds.centerX + playerSprite.width * 3;
const targetY = playerBounds.centerY + playerSprite.height * 3;

this.cameras.main.pan(targetX, targetY, 1000, 'Power2');

this.cameras.main.once('camerapancomplete', () => {
this.cameras.main.startFollow(playerSprite, true);
this.cameras.main.setFollowOffset(
-playerSprite.width,
-playerSprite.height,
);
});

const gridEngineConfig = {
characters: [
{
id: 'player',
sprite: playerSprite,
walkingAnimationMapping: 6,
startPosition: { x: 5, y: 12 },
},
],
numberOfDirections: 8,
};

this.gridEngine.create(cloudCityTilemap, gridEngineConfig);
this.loadRanges();

this.playerController = new PlayerController(
this,
this.gridEngine,
this.quadtree,
);

// Retrieve NPCs from mapDatabase
const npcs = await mapDatabase.getNpcsFromTilesetKey('cloud-city-map');

if (npcs) {
for (const npc of npcs) {
try {
await npcDatabase.loadCharacter(
this,
npc.ulid,
npc.position.x,
npc.position.y,
);
} catch (error) {
Debug.error(
`Failed to load NPC with ULID: ${npc.ulid}`,
error,
);
}
}
}

// await npcDatabase.loadCharacter(this, '01J2DT4G871KJ0VNSHCNC5REDM', 6, 6);
// await npcDatabase.loadCharacter(this, '01J2HCTMQ58JBMJGW9YA3FBQCG', 8, 8);
// await npcDatabase.loadCharacter(this, '01J2HQJBMBGEEMWDBDWATRCY3T', 8, 15);

window.__GRID_ENGINE__ = this.gridEngine;
}

loadRanges() {
const ranges: Range[] = [
{
name: 'well',
bounds: { xMin: 2, xMax: 5, yMin: 10, yMax: 14 },
action: () => {
const eventData: CharacterEventData = {
message:
'Seems like there are no fish in the sand pits. You know null, this area could be fixed up a bit too.',
};
EventEmitter.emit('charEvent', eventData);
},
},
{
name: 'sign',
bounds: { xMin: 2, xMax: 5, yMin: 2, yMax: 5 },
action: () => {
const eventData = {
message: 'Sign does not have much to say.',
character_name: 'Evee The BarKeep',
character_image: '/assets/npc/barkeep.webp',
background_image: '/assets/background/woodensign.webp',
};
EventEmitter.emit('charEvent', eventData);
},
},
{
name: 'building',
bounds: { xMin: 13, xMax: 13, yMin: 6, yMax: 7 },
action: () => {
const eventData: CharacterEventData = {
message: 'Sorry, we are closed!',
character_name: 'Evee The BarKeep',
character_image: '/assets/npc/barkeep.webp',
background_image: '/assets/background/animebar.webp',
};
EventEmitter.emit('charEvent', eventData);
},
},
{
name: 'tombstone',
bounds: { xMin: 7, xMax: 10, yMin: 9, yMax: 10 },
action: () => {
const eventData: CharacterEventData = {
message:
'Samson the Great was an amazing sailer, died drinking dat drank.',
character_name: 'Samson Statue',
character_image: '/assets/npc/samson.png',
background_image:
'/assets/background/animetombstone.webp',
};
EventEmitter.emit('charEvent', eventData);
},
},
];

for (const range of ranges) {
if (this.quadtree != undefined) this.quadtree.insert(range);
}
}

update() {
this.playerController?.handleMovement();
mapDatabase.updateVisibleChunks(
this,
'cloud-city-map',
this.playerController?.getPlayerCoordsX() || 0,
this.playerController?.getPlayerCoordsY() || 0,
1,
);
}
}
Loading

0 comments on commit 0054101

Please sign in to comment.