2020-04-07 19:23:21 +02:00
|
|
|
import {CameraManager, CameraManagerInterface} from "./CameraManager";
|
2020-04-07 20:41:35 +02:00
|
|
|
import {RESOLUTION} from "../../Enum/EnvironmentVariable";
|
2020-04-12 13:57:00 +02:00
|
|
|
import {CurrentGamerInterface, GamerInterface, Player} from "../Player/Player";
|
2020-04-13 13:42:21 +02:00
|
|
|
import {GameSceneInterface, Textures} from "./GameScene";
|
2020-04-10 12:54:05 +02:00
|
|
|
import {MessageUserPositionInterface} from "../../Connexion";
|
2020-04-13 13:42:21 +02:00
|
|
|
import {NonPlayer} from "../NonPlayer/NonPlayer";
|
2020-04-07 19:23:21 +02:00
|
|
|
|
|
|
|
export interface MapManagerInterface {
|
|
|
|
Map: Phaser.Tilemaps.Tilemap;
|
|
|
|
Terrain: Phaser.Tilemaps.Tileset;
|
|
|
|
Camera: CameraManagerInterface;
|
2020-04-07 20:41:35 +02:00
|
|
|
Scene: GameSceneInterface;
|
2020-04-10 12:54:05 +02:00
|
|
|
|
|
|
|
createCurrentPlayer(UserId : string): void;
|
2020-04-07 19:23:21 +02:00
|
|
|
update(): void;
|
2020-04-10 12:54:05 +02:00
|
|
|
updateOrCreateMapPlayer(UsersPosition : Array<MessageUserPositionInterface>): void;
|
2020-04-07 19:23:21 +02:00
|
|
|
}
|
|
|
|
export class MapManager implements MapManagerInterface{
|
|
|
|
Terrain : Phaser.Tilemaps.Tileset;
|
|
|
|
Camera: CameraManagerInterface;
|
2020-04-12 13:57:00 +02:00
|
|
|
CurrentPlayer: CurrentGamerInterface;
|
2020-04-13 13:42:21 +02:00
|
|
|
MapPlayers : Phaser.Physics.Arcade.Group;
|
2020-04-07 20:41:35 +02:00
|
|
|
Scene: GameSceneInterface;
|
2020-04-07 19:23:21 +02:00
|
|
|
Map: Phaser.Tilemaps.Tilemap;
|
2020-04-13 13:42:21 +02:00
|
|
|
BottomLayer: Phaser.Tilemaps.StaticTilemapLayer;
|
|
|
|
TopLayer: Phaser.Tilemaps.StaticTilemapLayer;
|
2020-04-07 19:23:21 +02:00
|
|
|
startX = (window.innerWidth / 2) / RESOLUTION;
|
|
|
|
startY = (window.innerHeight / 2) / RESOLUTION;
|
|
|
|
|
2020-04-13 13:42:21 +02:00
|
|
|
//entities
|
|
|
|
private rock: Phaser.Physics.Arcade.Sprite;
|
|
|
|
|
2020-04-07 20:41:35 +02:00
|
|
|
constructor(scene: GameSceneInterface){
|
2020-04-07 19:23:21 +02:00
|
|
|
this.Scene = scene;
|
|
|
|
|
|
|
|
//initalise map
|
|
|
|
this.Map = this.Scene.add.tilemap("map");
|
|
|
|
this.Terrain = this.Map.addTilesetImage("tiles", "tiles");
|
|
|
|
this.Map.createStaticLayer("tiles", "tiles");
|
2020-04-13 13:42:21 +02:00
|
|
|
this.BottomLayer = this.Map.createStaticLayer("Calque 1", [this.Terrain], 0, 0).setDepth(-2);
|
|
|
|
this.TopLayer = this.Map.createStaticLayer("Calque 2", [this.Terrain], 0, 0).setDepth(-1);
|
|
|
|
this.Scene.physics.world.setBounds(0,0, this.Map.widthInPixels, this.Map.heightInPixels);
|
|
|
|
|
|
|
|
//add entitites
|
|
|
|
this.rock = this.Scene.physics.add.sprite(200, 400, Textures.Rock, 26).setImmovable(true);
|
|
|
|
|
|
|
|
//debug code
|
|
|
|
//debug code to see the collision hitbox of the object in the top layer
|
|
|
|
this.TopLayer.renderDebug(this.Scene.add.graphics(),{
|
|
|
|
tileColor: null, //non-colliding tiles
|
|
|
|
collidingTileColor: new Phaser.Display.Color(243, 134, 48, 200), // Colliding tiles,
|
|
|
|
faceColor: new Phaser.Display.Color(40, 39, 37, 255) // Colliding face edges
|
|
|
|
});
|
|
|
|
|
|
|
|
//init event click
|
|
|
|
this.EventToClickOnTile();
|
2020-04-07 19:23:21 +02:00
|
|
|
|
2020-04-07 22:38:53 +02:00
|
|
|
//initialise camera
|
|
|
|
this.Camera = new CameraManager(this.Scene, this.Scene.cameras.main, this);
|
2020-04-13 13:42:21 +02:00
|
|
|
|
2020-04-10 12:54:05 +02:00
|
|
|
//initialise list of other player
|
2020-04-13 13:42:21 +02:00
|
|
|
this.MapPlayers = this.Scene.physics.add.group({ immovable: true });
|
2020-04-10 12:54:05 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
createCurrentPlayer(UserId : string){
|
2020-04-07 19:23:21 +02:00
|
|
|
//initialise player
|
|
|
|
this.CurrentPlayer = new Player(
|
2020-04-10 12:54:05 +02:00
|
|
|
UserId,
|
2020-04-07 19:23:21 +02:00
|
|
|
this.Scene,
|
|
|
|
this.startX,
|
|
|
|
this.startY,
|
2020-04-07 22:38:53 +02:00
|
|
|
this.Camera,
|
2020-04-07 19:23:21 +02:00
|
|
|
this
|
|
|
|
);
|
|
|
|
this.CurrentPlayer.initAnimation();
|
|
|
|
|
2020-04-13 13:42:21 +02:00
|
|
|
//create collision
|
|
|
|
this.Scene.physics.add.collider(this.CurrentPlayer, this.rock);
|
|
|
|
//add collision layer
|
|
|
|
this.Scene.physics.add.collider(this.CurrentPlayer, this.TopLayer);
|
|
|
|
this.TopLayer.setCollisionByProperty({collides:true});
|
|
|
|
}
|
2020-04-07 19:23:21 +02:00
|
|
|
|
2020-04-13 13:42:21 +02:00
|
|
|
EventToClickOnTile(){
|
|
|
|
// debug code to get a tile properties by clicking on it
|
|
|
|
this.Scene.input.on("pointerdown", (pointer: Phaser.Input.Pointer)=>{
|
|
|
|
//pixel position toz tile position
|
|
|
|
let tile = this.Map.getTileAt(this.Map.worldToTileX(pointer.worldX), this.Map.worldToTileY(pointer.worldY));
|
|
|
|
if(tile){
|
|
|
|
//console.log("MapManager => tile => pointerdown", tile);
|
|
|
|
this.CurrentPlayer.say("Your touch " + tile.layer.name);
|
|
|
|
}
|
|
|
|
});
|
2020-04-07 19:23:21 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
update() : void {
|
2020-04-13 13:42:21 +02:00
|
|
|
this.CurrentPlayer.moveUser();
|
2020-04-07 19:23:21 +02:00
|
|
|
}
|
2020-04-10 12:54:05 +02:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Create new player and clean the player on the map
|
|
|
|
* @param UsersPosition
|
|
|
|
*/
|
|
|
|
updateOrCreateMapPlayer(UsersPosition : Array<MessageUserPositionInterface>){
|
|
|
|
if(!this.CurrentPlayer){
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
//add or create new user
|
|
|
|
UsersPosition.forEach((userPosition : MessageUserPositionInterface) => {
|
|
|
|
if(userPosition.userId === this.CurrentPlayer.userId){
|
|
|
|
return;
|
|
|
|
}
|
2020-04-13 13:42:21 +02:00
|
|
|
let player = this.findPlayerInMap(userPosition.userId);
|
2020-04-10 12:54:05 +02:00
|
|
|
if(!player){
|
|
|
|
this.addPlayer(userPosition);
|
|
|
|
}else{
|
|
|
|
player.updatePosition(userPosition);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
//clean map
|
2020-04-13 13:42:21 +02:00
|
|
|
this.MapPlayers.getChildren().forEach((player: GamerInterface) => {
|
2020-04-10 12:54:05 +02:00
|
|
|
if(UsersPosition.find((message : MessageUserPositionInterface) => message.userId === player.userId)){
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
player.destroy();
|
2020-04-13 13:42:21 +02:00
|
|
|
this.MapPlayers.remove(player);
|
2020-04-10 12:54:05 +02:00
|
|
|
});
|
2020-04-13 13:42:21 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
private findPlayerInMap(UserId : string) : GamerInterface | null{
|
|
|
|
let player = this.MapPlayers.getChildren().find((player: Player) => UserId === player.userId);
|
|
|
|
if(!player){
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
return (player as GamerInterface);
|
2020-04-10 12:54:05 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Create new player
|
|
|
|
* @param MessageUserPosition
|
|
|
|
*/
|
|
|
|
addPlayer(MessageUserPosition : MessageUserPositionInterface){
|
|
|
|
//initialise player
|
|
|
|
let player = new Player(
|
|
|
|
MessageUserPosition.userId,
|
|
|
|
this.Scene,
|
|
|
|
MessageUserPosition.position.x,
|
|
|
|
MessageUserPosition.position.y,
|
|
|
|
this.Camera,
|
|
|
|
this
|
|
|
|
);
|
|
|
|
player.initAnimation();
|
2020-04-13 13:42:21 +02:00
|
|
|
this.MapPlayers.add(player);
|
|
|
|
player.updatePosition(MessageUserPosition);
|
|
|
|
|
|
|
|
//init colision
|
|
|
|
this.Scene.physics.add.collider(this.CurrentPlayer, player, (CurrentPlayer: CurrentGamerInterface, MapPlayer: GamerInterface) => {
|
|
|
|
MapPlayer.say("Hello, how are you ? ");
|
|
|
|
});
|
2020-04-10 12:54:05 +02:00
|
|
|
}
|
2020-04-07 19:23:21 +02:00
|
|
|
}
|