[x3d-public] PlaneSensor, Mavo, JS and x3dom

Andreas Plesch andreasplesch at gmail.com
Fri Apr 12 07:05:43 PDT 2019


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:

https://dragtheboxmavo.glitch.me/
https://glitch.com/~dragtheboxmavo

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.

I still could not get the timer quite right, and ended up having a
imperative looking code section.

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.

Mavo would be great to keep a persistent highscore and settings, perhaps
have a on screen game options editor.

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.

Any feedback welcome, forks and 'remixes', or any reuse very much so as
well,

Cheers,

-Andreas


-- 
Andreas Plesch
Waltham, MA 02453
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://web3d.org/pipermail/x3d-public_web3d.org/attachments/20190412/47a21b1c/attachment.html>


More information about the x3d-public mailing list