<div dir="ltr"><div dir="ltr"><div dir="ltr">Initially, I just wanted to develop a better example use-case of a screen-aligned PlaneSensor as the central part of a small game. But then I also wanted to give Mavo.io another try, and explore mobile usability. So I ended up with a mesh-up of all these technologies and something of a slightly more in-depth X3D-DOM-HTML integration example here:<div><br></div><div><a href="https://dragtheboxmavo.glitch.me/">https://dragtheboxmavo.glitch.me/</a></div><div><a href="https://glitch.com/~dragtheboxmavo">https://glitch.com/~dragtheboxmavo</a></div><div><br></div><div>Far from finished and with some not so pretty corners, it was an interesting exercise since I came across integration challenges in x3dom, Mavo and the difficulties in making a mobile friendly, interactive page. I tried to use as little javascript as possible, relying a lot on Mavo for logic, and HTML/CSS for presentation.</div><div><br></div><div>I still could not get the timer quite right, and ended up having a imperative looking code section.</div><div><br></div><div>Some lessons learned are that it is fun to use styled HTML for HUD and buttons, easy to get HTML content into X3D with Mavo expressions, easy to use Mavo for X3D animations, that x3dom needs some work on responsiveness (aspect-ratio, pixel density on mobile), that scripting can be largely avoided but not completely, and PlaneSensor works better on touch than with the mouse.</div><div><br></div><div>Mavo would be great to keep a persistent highscore and settings, perhaps have a on screen game options editor.</div><div><br></div><div>I also have somewhat in mind to port to x-ite with xite-dom to see how that would work, and to learn more about HTML integration requirements.</div><div><br></div><div>Any feedback welcome, forks and 'remixes', or any reuse very much so as well,</div><div><br></div><div>Cheers,</div><div><br></div><div>-Andreas</div><div><br></div><div><div><div><br></div>-- <br><div dir="ltr" class="gmail_signature"><div dir="ltr"><div>Andreas Plesch<br>Waltham, MA 02453</div></div></div></div></div></div></div></div>