Mobile GUI only from Smartphone

AsoStrife

https://docs.rpgjs.dev/guide/responsive-design.html#controls

In this page the doc says:

If you don't want to create by yourself, You can add the plugin for the mobile
> npx rpgjs add @rpgjs/mobile-gui
As soon as the map is opened, display the GUI for controls

But the mobile-gui starts event if I'm playing in desktop mode. There's the possibility to automatically hide the mobile-gui if you're playing in desktop mode?

Samarium

Hello

Try this:

Create a folder:

- mobile
    - scene-map.ts

In scene-map.ts

import { RpgGui, PrebuiltGui, RpgSceneMapHooks } from '@rpgjs/client'

const sceneMap: RpgSceneMapHooks = {
    onAfterLoading() { 
        if (!isMobileDevice()) {
            RpgGui.hide(PrebuiltGui.Controls);
        }
    }
}

function isMobileDevice() {
    return window.innerWidth <= 768;
}

export default sceneMap

In rpg.toml:

modules = [
    './main',
   '@rpgjs/mobile-gui',
   './mobile' # add after
]

AsoStrife

It works!