Skip to content

Commit

Permalink
Fix source files accordingly to prettier
Browse files Browse the repository at this point in the history
  • Loading branch information
cuchi committed Oct 8, 2019
1 parent f074dcf commit a91a0ad
Show file tree
Hide file tree
Showing 4 changed files with 77 additions and 90 deletions.
56 changes: 31 additions & 25 deletions client/src/Game.ts
Original file line number Diff line number Diff line change
Expand Up @@ -8,14 +8,20 @@ import {
SocketEvents,
TPowerUpInfo,
TPowerUpType
} from 'commons'
import Phaser from 'phaser'
import { ANIMATIONS, ASSETS, BOMB_TIME, MAIN_TILES, MAPS } from './assets'
import { GamePhysicsSprite, GameScene, GameSprite, TPlayerGameObject, TPowerUpGameObject } from './alias'
import { GroupManager } from './GroupManager'
import Socket = SocketIOClient.Socket
} from "commons";
import Phaser from "phaser";
import { ANIMATIONS, ASSETS, BOMB_TIME, MAIN_TILES, MAPS } from "./assets";
import {
GamePhysicsSprite,
GameScene,
GameSprite,
TPlayerGameObject,
TPowerUpGameObject
} from "./alias";
import { GroupManager } from "./GroupManager";
import Socket = SocketIOClient.Socket;

const debug = false
const debug = false;

type ExplosionCache = Array<{ sprite: GameSprite; key: string }>;
type BombMap = {
Expand Down Expand Up @@ -57,7 +63,7 @@ function gridUnitToPixel(value: number, baseGridSize: number) {
}

function makeKey({ x, y }: SimpleCoordinates) {
return `${ x }-${ y }`;
return `${x}-${y}`;
}

function findPlayerMapPosition(coords: SimpleCoordinates): SimpleCoordinates {
Expand Down Expand Up @@ -86,7 +92,6 @@ export function BombGame(socket: Socket, gameConfigs: BombGameConfigs) {
};
} = {};


const makeDefaultTileMap = (key: string, imageName: string): SceneMap => {
const map = currentScene.make.tilemap({
key,
Expand Down Expand Up @@ -154,7 +159,6 @@ export function BombGame(socket: Socket, gameConfigs: BombGameConfigs) {
}
};


const makeMaps = () => {
// Background
backgroundMap = makeDefaultTileMap(MAPS.BACKGROUND, MAIN_TILES);
Expand Down Expand Up @@ -182,16 +186,16 @@ export function BombGame(socket: Socket, gameConfigs: BombGameConfigs) {
}
},
scene: {
preload: function (this: GameScene) {
preload: function(this: GameScene) {
currentScene = this;
preload();
},
create: function (this: GameScene) {
create: function(this: GameScene) {
currentScene = this;
create(state);
gameConfigs.onStart();
},
update: function (this: GameScene) {
update: function(this: GameScene) {
currentScene = this;
update();
}
Expand Down Expand Up @@ -325,15 +329,15 @@ export function BombGame(socket: Socket, gameConfigs: BombGameConfigs) {
});

socket.on(
SocketEvents.PlayerStatusUpdate,
SocketEvents.PlayerStatusUpdate,
(status: PlayerStatus & { id: string }) => {
const registry = playerRegistry[status.id];

if (registry) {
registry.status = status;

if (status.id === playerId) {
gameConfigs.onStatusUpdate(status)
gameConfigs.onStatusUpdate(status);
}
}
}
Expand All @@ -347,12 +351,9 @@ export function BombGame(socket: Socket, gameConfigs: BombGameConfigs) {
placePowerUpAt(info);
});

socket.on(
SocketEvents.WallDestroyed,
({ x, y }: SimpleCoordinates) => {
breakableMap.map.removeTileAt(x, y);
}
);
socket.on(SocketEvents.WallDestroyed, ({ x, y }: SimpleCoordinates) => {
breakableMap.map.removeTileAt(x, y);
});
};

const create = (state: BackendState & { id: string }) => {
Expand Down Expand Up @@ -430,7 +431,12 @@ export function BombGame(socket: Socket, gameConfigs: BombGameConfigs) {
return breakableMap.map.hasTileAt(gridX, gridY);
};

const addExplosionSprite = ({ pixX, pixY, gridX, gridY }: {
const addExplosionSprite = ({
pixX,
pixY,
gridX,
gridY
}: {
pixX: number;
pixY: number;
gridX: number;
Expand All @@ -455,12 +461,12 @@ export function BombGame(socket: Socket, gameConfigs: BombGameConfigs) {
const { tileWidth, tileHeight } = GameDimensions;

if (hasBombAt({ x: gridX, y: gridY })) {
console.log(`Found a bomb at ${ gridX } - ${ gridY }, delegated to it`);
console.log(`Found a bomb at ${gridX} - ${gridY}, delegated to it`);
// Let the next bomb deal with things
explodeBombAt(gridX, gridY);
return true;
} else if (hasExplosionAt({ x: gridX, y: gridY })) {
console.log(`Found a explosion at ${ gridX } - ${ gridY }, stopping`);
console.log(`Found a explosion at ${gridX} - ${gridY}, stopping`);
return true;
} else if (hasAnyWallAt(gridX, gridY)) {
// No Explosions at walls
Expand Down Expand Up @@ -714,5 +720,5 @@ export function BombGame(socket: Socket, gameConfigs: BombGameConfigs) {
);
};

return { startGame }
return { startGame };
}
31 changes: 8 additions & 23 deletions client/src/GroupManager.ts
Original file line number Diff line number Diff line change
Expand Up @@ -31,12 +31,8 @@ export class GroupManager {
onPlayerExploded(onCollision: (id: string) => unknown) {
const { players, explosions } = this;

this.provider().physics.add.collider(
players,
explosions,
(player) => onCollision(
(player as TPlayerGameObject).id!
)
this.provider().physics.add.collider(players, explosions, player =>
onCollision((player as TPlayerGameObject).id!)
);

return this;
Expand All @@ -45,17 +41,13 @@ export class GroupManager {
onPlayerPowerUpCatch(
onCollision: (
player: TPlayerGameObject,
powerUp: TPowerUpGameObject,
powerUp: TPowerUpGameObject
) => unknown
) {
const { players, powerUps } = this;

this.provider().physics.add.collider(
players, powerUps,
(player, powerUp) => onCollision(
(player as TPlayerGameObject),
(powerUp as TPowerUpGameObject)
)
this.provider().physics.add.collider(players, powerUps, (player, powerUp) =>
onCollision(player as TPlayerGameObject, powerUp as TPowerUpGameObject)
);

return this;
Expand All @@ -69,10 +61,7 @@ export class GroupManager {
return this;
}

addPlayer(
playerSprite: TPlayerGameObject,
id: string
) {
addPlayer(playerSprite: TPlayerGameObject, id: string) {
playerSprite.id = id;
this.players.add(playerSprite);
}
Expand All @@ -85,10 +74,7 @@ export class GroupManager {
this.bombs.add(bombSprite);
}

addPowerUp(
powerUpSprite: TPowerUpGameObject,
type: TPowerUpType
) {
addPowerUp(powerUpSprite: TPowerUpGameObject, type: TPowerUpType) {
powerUpSprite.powerUpType = type;
this.powerUps.add(powerUpSprite);
}
Expand All @@ -112,5 +98,4 @@ export class GroupManager {
(child as GameSprite).anims.play(key, true);
}
}

}
}
8 changes: 4 additions & 4 deletions client/src/alias.ts
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
import Phaser from "phaser";
import { Omit, TPowerUpType } from "commons/index";

export type SpriteGroup = Phaser.GameObjects.Group;
export type SpriteGroup = Phaser.GameObjects.Group;
export type GameObject = Phaser.GameObjects.GameObject;
export type GameSprite = Phaser.GameObjects.Sprite;
export type GamePhysicsSprite = Phaser.Physics.Arcade.Sprite;
export type GameScene = Phaser.Scene;
export type PhaserSet<T> = Phaser.Structs.Set<T>;

export type TypedSpriteGroup<T> = Omit<SpriteGroup, 'children'> & {
export type TypedSpriteGroup<T> = Omit<SpriteGroup, "children"> & {
children: PhaserSet<T>;
};

export type TPlayerGameObject = GameObject & { id?: string }
export type TPowerUpGameObject = GameObject & { powerUpType?: TPowerUpType }
export type TPlayerGameObject = GameObject & { id?: string };
export type TPowerUpGameObject = GameObject & { powerUpType?: TPowerUpType };
72 changes: 34 additions & 38 deletions client/src/client.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,50 +2,46 @@ import io from "socket.io-client";
import { BombGame } from "./Game";
import { PlayerStatus } from "commons";

(function () {
function startGame() {
try {
const socket = io();
BombGame(socket, {
parent: 'game-container',
onDeath: showDeathMessage,
onStart: () => setState("state-playing"),
onStatusUpdate: onStatusUpdate
}).startGame();
} catch (e) {
console.error(e);
}
(function() {
function startGame() {
try {
const socket = io();
BombGame(socket, {
parent: "game-container",
onDeath: showDeathMessage,
onStart: () => setState("state-playing"),
onStatusUpdate: onStatusUpdate
}).startGame();
} catch (e) {
console.error(e);
}
}

function showDeathMessage() {
setState("state-died");
}
function showDeathMessage() {
setState("state-died");
}

function setState(state: "state-waiting" | "state-died" | "state-playing") {
document.body.className = "";
document.body.classList.add(state);
}
function setState(state: "state-waiting" | "state-died" | "state-playing") {
document.body.className = "";
document.body.classList.add(state);
}

function onStatusUpdate(status: PlayerStatus) {
const bombCount = <HTMLElement>(
document.getElementById("bomb-count")
);
const bombRange = <HTMLElement>(
document.getElementById("bomb-range")
);
function onStatusUpdate(status: PlayerStatus) {
const bombCount = <HTMLElement>document.getElementById("bomb-count");
const bombRange = <HTMLElement>document.getElementById("bomb-range");

bombCount.innerHTML = status.maxBombCount + '';
bombRange.innerHTML = status.bombRange + '';
}
bombCount.innerHTML = status.maxBombCount + "";
bombRange.innerHTML = status.bombRange + "";
}

window.onload = function () {
const startGameButton = <HTMLButtonElement>(
document.getElementById("start-button")
);
window.onload = function() {
const startGameButton = <HTMLButtonElement>(
document.getElementById("start-button")
);

startGameButton.onclick = function () {
setState("state-waiting");
startGame();
};
startGameButton.onclick = function() {
setState("state-waiting");
startGame();
};
};
})();

0 comments on commit a91a0ad

Please sign in to comment.