Spaces:
Running
Running
File size: 3,270 Bytes
c679a93 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 |
import { Scene } from 'phaser'
import axios from 'axios'
import Player from '../components/player.js'
import Cursors from '../components/cursors.js'
import Controls from '../components/controls.js'
import FullscreenButton from '../components/fullscreenButton.js'
export default class GameScene extends Scene {
constructor() {
super({ key: 'GameScene' })
this.objects = {}
this.playerId
}
init({ channel }) {
this.channel = channel
}
preload() {
this.load.image('controls', 'assets/controls.png')
this.load.spritesheet('fullscreen', 'assets/fullscreen.png', {
frameWidth: 64,
frameHeight: 64
})
this.load.spritesheet('player', 'assets/player.png', {
frameWidth: 32,
frameHeight: 48
})
}
async create() {
new Cursors(this, this.channel)
new Controls(this, this.channel)
FullscreenButton(this)
let addDummyDude = this.add
.text(this.cameras.main.width / 2, this.cameras.main.height / 2 - 100, 'CLICK ME', { fontSize: 48 })
.setOrigin(0.5)
addDummyDude.setInteractive().on('pointerdown', () => {
this.channel.emit('addDummy')
})
const parseUpdates = updates => {
if (typeof updates === undefined || updates === '') return []
// parse
let u = updates.split(',')
u.pop()
let u2 = []
u.forEach((el, i) => {
if (i % 4 === 0) {
u2.push({
playerId: u[i + 0],
x: parseInt(u[i + 1], 36),
y: parseInt(u[i + 2], 36),
dead: parseInt(u[i + 3]) === 1 ? true : false
})
}
})
return u2
}
const updatesHandler = updates => {
updates.forEach(gameObject => {
const { playerId, x, y, dead } = gameObject
const alpha = dead ? 0 : 1
if (Object.keys(this.objects).includes(playerId)) {
// if the gameObject does already exist,
// update the gameObject
let sprite = this.objects[playerId].sprite
sprite.setAlpha(alpha)
sprite.setPosition(x, y)
} else {
// if the gameObject does NOT exist,
// create a new gameObject
let newGameObject = {
sprite: new Player(this, playerId, x || 200, y || 200),
playerId: playerId
}
newGameObject.sprite.setAlpha(alpha)
this.objects = { ...this.objects, [playerId]: newGameObject }
}
})
}
this.channel.on('updateObjects', updates => {
let parsedUpdates = parseUpdates(updates[0])
updatesHandler(parsedUpdates)
})
this.channel.on('removePlayer', playerId => {
try {
this.objects[playerId].sprite.destroy()
delete this.objects[playerId]
} catch (error) {
console.error(error.message)
}
})
try {
let res = await axios.get(`${location.protocol}//${location.hostname}:1444/getState`)
let parsedUpdates = parseUpdates(res.data.state)
updatesHandler(parsedUpdates)
this.channel.on('getId', playerId36 => {
this.playerId = parseInt(playerId36, 36)
this.channel.emit('addPlayer')
})
this.channel.emit('getId')
} catch (error) {
console.error(error.message)
}
}
}
|