game.ts
import Phaser, { Scene } from 'phaser'
import { createLizardAnims } from '../anims/EnemyAnims'
import { createCharacterAnims } from '../anims/CharacterAnims'
import Lizard from '../enemies/Lizard'
import secondmap from './secondmap'
import '../characters/Faune'
import Faune from '../characters/Faune'
import { sceneEvents } from '../events/EventCenter'
let keyA;
let keyS;
let keyD;
let keyW;
let keyEnter;
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
export default class Game extends Phaser.Scene
{
private cursors!: Phaser.Types.Input.Keyboard.CursorKeys
private faune!: Faune
private playerLizardCollider?: Phaser.Physics.Arcade.Collider
private knives!: Phaser.Physics.Arcade.Group
private lizards!: Phaser.Physics.Arcade.Group
private kills: number = 0
constructor()
{
super('game')
}
preload()
{
this.cursors = this.input.keyboard.createCursorKeys()
}
create()
{
this.scene.run('game-ui')
// this.scene.start('secondmap')
createCharacterAnims(this.anims)
createLizardAnims(this.anims)
const map = this.make.tilemap({ key: 'mainmap' })
const tileset = map.addTilesetImage('Serene_Village_16x16', 'tiles', 16, 16, 1, 2)
const water = map.createLayer('Water', tileset)
const WaterWalk = map.createLayer('Waterwalk', tileset)
const IslandUnder = map.createLayer('Islandunder', tileset)
const Island1 = map.createLayer('Island1', tileset)
const Island2 = map.createLayer('Island2', tileset)
const Rocks = map.createLayer('Rocks', tileset)
const Decor = map.createLayer('Decor', tileset)
const Bushes = map.createLayer('Bushes', tileset)
const Tree7 = map.createLayer('Tree7', tileset)
const Tree6 = map.createLayer('Tree6', tileset)
const Tree5 = map.createLayer('Tree5', tileset)
const Tree4 = map.createLayer('Tree4', tileset)
const Tree3 = map.createLayer('Tree3', tileset)
const Tree2 = map.createLayer('Tree2', tileset)
const Tree1 = map.createLayer('Tree1', tileset)
const Tree0 = map.createLayer('Tree0', tileset)
const House_under = map.createLayer('House under', tileset)
const Housedecor = map.createLayer('House decor',tileset)
const House = map.createLayer('House', tileset)
const Houseontop = map.createLayer('House Ontop', tileset)
const Next1 = map.createLayer('Next', tileset)
keyA = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A);
keyS = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.S);
keyD = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.D);
keyW = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.W);
keyEnter = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.ENTER);
House.setCollisionByProperty({ collides: true})
Housedecor.setCollisionByProperty({ collides: true })
Houseontop.setCollisionByProperty({ collides : true })
Bushes.setCollisionByProperty({collides: true})
Rocks.setCollisionByProperty({ collides: true })
Island1.setCollisionByProperty({ collides: true })
water.setCollisionByProperty({ collides: true})
Island2.setCollisionByProperty({ collides: true})
Bushes.setCollisionByProperty({ collides: true })
Tree1.setCollisionByProperty({ collides: true })
Tree2.setCollisionByProperty({ collides: true })
Tree3.setCollisionByProperty({ collides: true })
Tree4.setCollisionByProperty({ collides: true })
Tree5.setCollisionByProperty({ collides: true })
Tree6.setCollisionByProperty({ collides: true })
Tree7.setCollisionByProperty({ collides: true })
Next1.setCollisionByProperty({ collides: true })
// const debugGraphics = this.add.graphics().setAlpha(0.7)
// water.renderDebug(debugGraphics, {
// tileColor: null,
// collidingTileColor: new Phaser.Display.Color(243, 234, 48, 255),
// faceColor: new Phaser.Display.Color(40, 39, 37, 255)
// })
this.knives = this.physics.add.group({
classType: Phaser.Physics.Arcade.Image,
maxSize: 3
})
this.faune = this.add.faune(70, 300, 'faune')
this.faune.setKnives(this.knives)
this.physics.add.collider(this.faune, Island1)
this.physics.add.collider(this.faune, Rocks)
this.physics.add.collider(this.faune, Island2)
this.physics.add.collider(this.faune, water)
this.physics.add.collider(this.faune, House)
this.physics.add.collider(this.faune, Housedecor)
this.physics.add.collider(this.faune, Tree1)
this.physics.add.collider(this.faune, Tree2)
this.physics.add.collider(this.faune, Tree3)
this.physics.add.collider(this.faune, Tree4)
this.physics.add.collider(this.faune, Tree5)
this.physics.add.collider(this.faune, Tree6)
this.physics.add.collider(this.faune, Tree7)
this.physics.add.collider(this.faune, Houseontop)
this.physics.add.collider(this.faune, Bushes)
this.physics.add.collider(this.faune, Next1)
this.cameras.main.startFollow(this.faune, true,)
this.cameras.main.setBounds(-436, -210.5, 1800, 895, true)
// this.cameras.main.centerOn(innerWidth, innerHeight)
this.lizards = this.physics.add.group({
classType: Lizard,
createCallback: (go) => {
const lizGo = go as Lizard
lizGo.body.onCollide = true
}
})
this.lizards.get(500, 300, 'lizard')
this.lizards.get(450, 200, 'lizard')
this.lizards.get(550, 150, 'lizard')
// this.lizards.get(100, 300, 'lizard')
this.physics.add.collider(this.lizards, Island1)
this.physics.add.collider(this.lizards, Rocks)
this.physics.add.collider(this.lizards, Island2)
this.physics.add.collider(this.lizards, water)
this.physics.add.collider(this.lizards, Bushes)
this.physics.add.collider(this.lizards, House)
this.physics.add.collider(this.lizards, Housedecor)
this.physics.add.collider(this.lizards, Tree1)
this.physics.add.collider(this.lizards, Tree2)
this.physics.add.collider(this.lizards, Tree3)
this.physics.add.collider(this.lizards, Tree4)
this.physics.add.collider(this.lizards, Tree5)
this.physics.add.collider(this.lizards, Tree6)
this.physics.add.collider(this.lizards, Tree7)
this.physics.add.collider(this.lizards, Houseontop)
this.physics.add.collider(this.knives, this.lizards, this.handleKnifeLizardCollision, undefined, this)
this.physics.add.collider(this.knives, Island1, this.handleKnifeWallCollision, undefined, this)
this.physics.add.collider(this.knives, Rocks, this.handleKnifeWallCollision, undefined, this)
this.physics.add.collider(this.knives, House, this.handleKnifeWallCollision, undefined, this)
this.playerLizardCollider = this.physics.add.collider(this.lizards, this.faune, this.handlePlayerLizardCollision, undefined, this)
}
private handleKnifeWallCollision(obj1: Phaser.GameObjects.GameObject, obj2: Phaser.GameObjects.GameObject)
{
this.knives.killAndHide(obj1)
}
private handleKnifeLizardCollision(obj1: Phaser.GameObjects.GameObject, obj2: Phaser.GameObjects.GameObject)
{
this.knives.killAndHide(obj1)
this.lizards.killAndHide(obj2)
// this.playerLizardCollider?.destroy()
// kills += 1;
sceneEvents.emit('playerKills', this.faune.kills)
// sceneEvents.emit('killAdded', kills)
}
private handlePlayerLizardCollision(obj1: Phaser.GameObjects.GameObject, obj2: Phaser.GameObjects.GameObject){
const lizard = obj2 as Lizard
const dx = this.faune.x - lizard.x
const dy = this.faune.y - lizard.y
const dir = new Phaser.Math.Vector2(dx, dy).normalize().scale(200)
this.faune.handleDamage(dir)
sceneEvents.emit('player-health-changed', this.faune.health)
if (this.faune.health <= 0){
this.playerLizardCollider?.destroy()
}
}
update(t: number, dt: number){
console.log(this.kills)
console.log(":3")
if (this.faune.y > 450 && this.faune.x < 90){
this.scene.stop()
this.scene.start('secondmap')
}
if (this.faune.y > 280 && this.faune.y < 300 && this.faune.x < 80 && this.faune.x > 65){
this.scene.stop()
this.scene.start('house')
}
if (this.faune.y > 290 && this.faune.y < 305 && this.faune.x > 130 && this.faune.x < 145 && keyEnter.isDown){
const speak: any = this.add.text(160, 290, 'Speak to adam inside', { fontFamily: 'Georgia, "Goudy Bookletter 1911", Times, serif'});
async function destroyText(){
await sleep(1500);
speak.destroy()
}
destroyText()
}
// function destroyIt(speak: any){
// speak.destroy()
// }
if (this.faune)
{
this.faune.update(this.cursors)
}
}
}Last updated