My question may sounds peculiar, but let says i have the following in index.html :
<div id="container"> <canvas id="myStats" width="600" height="100"></canvas> <div id="overlay">This div is over the canvas <div data-component="modal" data-ui="stats" class="middle vertical align-center"> <b>Stats</b> Intelligence: <meter id="intel" value="O" max="100" data-stat="intelligence"></meter> Love: <meter value="0" max="10" data-stat="love"></meter> Attractiveness: <meter value="0" max="10" data-stat="attractiveness"></meter> </div>
Each metter tag displays a jauge.
Then i have a command in the story to call a button. On click this DIV appears. I've tested that part, it works.
In my story, i have a score.
But, if I need to replace the value of a <metter> tag with a number from a score variable in the story, why should I do ? Is it even possible ?
I work on this approach because i prefer working with html and CSS for modal window and other stuff that i can put over the game canvas.