Hello,
is it possible, to use client-side callbacks like "onAdd" in typescript?
In the documentation is no example for typescript: https://docs.colyseus.io/colyseus/state/schema/#onadd-instance-key
I tried the following code on my client-side:
import * as Colyseus from "colyseus.js"
var colyseusSDK = new Colyseus.Client("ws://localhost:2567");
colyseusSDK.joinOrCreate("my_room").then(function (room) {
room.state.players.onAdd((player, sessionId) => {
});
});
but I get Property 'players' does not exist on type 'unknown'. as error in my IDE.
On the server side I have the following implementations:
MyRoomState.ts
import { Schema, MapSchema, type } from "@colyseus/schema";
export class Player extends Schema {
@type("number") x: number;
@type("number") y: number;
@type("number") z: number;
}
export class MyRoomState extends Schema {
@type({ map: Player }) players = new MapSchema<Player>();
}
MyRoom.ts
import { Room, Client } from "colyseus";
import { MyRoomState, Player } from "./schema/MyRoomState";
export class MyRoom extends Room<MyRoomState> {
onCreate (options: any) {
this.setState(new MyRoomState());
this.onMessage("type", (client, message) => {
});
}
onJoin (client: Client, options: any) {
console.log(client.sessionId, "joined!");
const player = new Player();
player.x = 1;
player.y = 1;
player.z = 1;
this.state.players.set(client.sessionId, player);
}
onLeave (client: Client, consented: boolean) {
console.log(client.sessionId, "left!");
this.state.players.delete(client.sessionId);
}
onDispose() {
console.log("room", this.roomId, "disposing...");
}
}
