• Which the release of FS2020 we see an explosition of activity on the forun and of course we are very happy to see this. But having all questions about FS2020 in one forum becomes a bit messy. So therefore we would like to ask you all to use the following guidelines when posting your questions:

    • Tag FS2020 specific questions with the MSFS2020 tag.
    • Questions about making 3D assets can be posted in the 3D asset design forum. Either post them in the subforum of the modelling tool you use or in the general forum if they are general.
    • Questions about aircraft design can be posted in the Aircraft design forum
    • Questions about airport design can be posted in the FS2020 airport design forum. Once airport development tools have been updated for FS2020 you can post tool speciifc questions in the subforums of those tools as well of course.
    • Questions about terrain design can be posted in the FS2020 terrain design forum.
    • Questions about SimConnect can be posted in the SimConnect forum.

    Any other question that is not specific to an aspect of development or tool can be posted in the General chat forum.

    By following these guidelines we make sure that the forums remain easy to read for everybody and also that the right people can find your post to answer it.

MSFS20 simplest click area for HTML/JS touchscreen

B21-soaring

B21-soaring

Messages
245
Country
unitedkingdom
Hopefully a quick question here... if I have a happily working HTML/JS gauge connected to a $texture on the panel, how can I define an area on that gauge that if I click it, code gets called within the gauge?

I have the following clues:

In the gauge JS class, define:
get isInteractive() { return true; } // I think this is required for you to click on the gauge

get isGlassCockpit() { return true; } // No idea what difference this makes

onInteractionEvent(_args) { ??? no idea what goes in here }

My basic confusion is somewhere you need to define areas on the gauge you're interested in 'interaction events' and/or how do the events appear in _args above?

The msfs-webui-devkit debug tool is the only example I found of a 'gauge' you can interact with, but that uses absolutely stock JS methods e.g.
document.getElementById("rfrsh").addEventListener("click", function () { ... })
so bypassing onInteractionEvent(_args) entirely.

The examples I can find in Asobo aircraft are NOT for touch panels, the events come from animated buttons and knobs around the periphery of the gauge defined in the 3D model and referenced in the model XML - I'm ok with those.

OR??? maybe onInteractionEvent() is purely for handling events that do come from 3D model parts linked to the model XML file ??? That could make sense, maybe?

Any help, as always, much appreciated.
 
You must log in or register to reply here.
Back
Top