Unable to listen mouse click on current map

WisdomSky

What's wrong with this code?

@RpgModule<RpgClient>({ 
    spritesheets: [
        Characters
    ],
    scenes: {
        map: {
            onAfterLoading(scene: RpgSceneMap) {
                alert('loaded');
                scene.on('click', () => {
                    alert('this is not triggered when clicked?');
                })
            }
        }
    }
})
export default class RpgClientModuleEngine {}

the on click event doesn't get triggered whenever I click anywhere on the current map. Am I missing something? the onAfterLoading hook is fired but the event listener added to the RpgSceneMap is not triggered when I click?

Samarium

Hello,

I don't have a problem on my side

Can you give me the version of @rpgjs/client (in package.json) and the web browser used?

WisdomSky

Samarium off-topic, is there an API for enable movement using mouse instead? I don't want to use game pad or arrow keys rather just navigate by using mouse. Is there an API that allows controls with just mouse only? Is there also built-in moveTo that accepts coordinates object (with auto path-finding)? can't find one in the Move API.

WisdomSky

Here's my package.json:

{
    "name": "my-game",
    "version": "3.3.0",
    "description": "",
    "main": "dist/server.js",
    "types": "index.d.ts",
    "publishConfig": {
        "access": "public"
    },
    "scripts": {
        "test": "NODE_ENV=test jest",
        "build": "rimraf dist && rpgjs build",
        "dev": "rpgjs dev",
        "start": "node dist/server"
    },
    "keywords": [],
    "author": "",
    "license": "MIT",
    "engines": {
        "node": "<15"
    },
    "dependencies": {
        "@rpgjs/client": "^3.3.0",
        "@rpgjs/default-gui": "^3.3.0",
        "@rpgjs/gamepad": "^3.3.0",
        "@rpgjs/mobile-gui": "^3.3.0",
        "@rpgjs/server": "^3.3.0",
        "@rpgjs/standalone": "^3.3.0",
        "@rpgjs/testing": "^3.3.0",
        "@rpgjs/types": "^3.3.0",
        "express": "4.17.1",
        "pretty-error": "^4.0.0",
        "socket.io": "4.1.2",
        "socket.io-client": "4.1.2",
        "vue": "^3.2.47"
    },
    "devDependencies": {
        "@rpgjs/compiler": "^3.3.0",
        "@types/jest": "26.0.23",
        "@vue/cli-plugin-babel": "^5.0.8",
        "@vue/compiler-sfc": "3.2.33",
        "@vue/vue3-jest": "27.0.0-alpha.4",
        "canvas": "2.8.0",
        "jest": "27.0.4",
        "rimraf": "3.0.2",
        "ts-jest": "27.0.2",
        "typescript": "4.3.2"
    }
}

And I'm an Google Chrome version 111.0.5563.146.

I've also tried running on my browser with Disable Cache option turned on in the dev tools just to be sure, but same result. Doing mouse clicks on the map does not trigger it somehow.
The dev tools console also shows no errors.

Samarium

Well, I can't reproduce the bug. I'll keep you posted 🙂

is there an API for enable movement using mouse instead?

The two possibilities of API are:

click on the map
click on the sprites

Then you have to create the rest yourself (example here: https://community.rpgjs.dev/d/102-action-attack-with-click-mouse/2)

Is there also built-in moveTo that accepts coordinates object (with auto path-finding)?

There is no pathfinding as such. The moveTo method allows you to move a character to a location or follow a person. But it makes a natural movement that avoids some obstacles.
But, for example, it won't look for the shortest way through a maze.

To use it, it is directly on the player or the event

https://docs.rpgjs.dev/commands/move.html#move-to

Example:

player.moveTo({ x: 10, y: 10 }).subscribe()

WisdomSky

Samarium I don't understand how the server to client communication works.

Why does calling APIs from the server does not automatically get synced to the client?
For example, I tried calling player.moveTo({ x: 10, y: 10 }).subscribe(), based on the console, each step does get called but it's not automatically drawn/updated in the client. Do I have to do something else for it to get drawn too?

Samarium

The synchronization happens by itself but there is a subtlety if you move the current player. Currently, when the player can move with the keyboard (or whatever), it prevents from seeing a movement made by the server.

So you have to disable the movement by the inputs before making a movement programmed by the server

player.canMove = false
player.moveTo({ x: 10, y: 10 }).subscribe({
    complete: () => {
        player.canMove = true
    }
})

I note that this is an area for improvement in RPGJS