Luve testing https://companion.benetou.fr/index.html?username=q4_presentation_q4

Live testing (warning: low performances!) https://fabien.benetou.fr/pub/home/future_of_text_demo/engine/spark-aframe/

Model from https://marble.worldlabs.ai/world/1279023c-ceff-4f84-90e5-a81c63ff2542 loaded via https://github.com/sparkjsdev/spark-aframe/

Example of replacement, note specifically the forced material.map.update() :

In ./usr/share/selkies/web/index.html setup e.g. setInterval( _ => { document.querySelector("[html]").object3D.children[0].material.map.update() }, 50 )

Note that the complete HTML replacement can't easily be shared via PeerTube.

See also https://github.com/AdaRoseCannon/aframe-htmlmesh/issues/33

Relying on linuxserver webtop https://docs.linuxserver.io/images/docker-webtop/ itself relying on Selkies https://selkies-project.github.io/selkies/

Modified ./usr/share/selkies/web/index.html (via docker exec -it webtop /bin/bash ) to show #app via https://github.com/AdaRoseCannon/aframe-htmlmesh

Note that the inputs are not properly redirected (e.g. physical keyboard input) and that the refresh does not seem to be working, including going in and out of VR.

See also https://video.benetou.fr/w/dZjcN5HTBbdLMbUjmuC7iH for forced updates.

Live testing https://companion.benetou.fr/index.html?username=q4_inline_filter_example_named_color_picker

Note that while loading the URL will include a hash, e.g. #inlinefilter:{"properties":[{"name":"scale","value":".1 .1 .1"},{"name":"target","value":""},{"name":"color","selector":"name"},{"name":"__layout","configuration":"vertical","stepvalue":0.1}]}

This is an inline filter mapping content from the external JSON file to 3D objects. You can edit via the HTML editor or via the URL. Sharing the URL to others will preserve this mapping.

Text is the HTML editor is green if the JSON syntax is correct, black otherwise.

Live testing https://companion.benetou.fr/index.html?username=q4_quick_collab&q4_quick_collab_nickname=not_fabien&autoreplay=q4_quick_collab__1763059593678_saved.json

Each step is replay after 5sec, it could be adjusting to slower, faster or even real time.

Live test URL1 https://companion.benetou.fr/index.html?username=q4_quick_collab&q4_quick_collab_nickname=fabien

Live test URL2 https://companion.benetou.fr/index.html?username=q4_quick_collab&q4_quick_collab_nickname=not_fabien

Commands via console

Replay demo https://companion.benetou.fr/index.html?username=q4_quick_collab&q4_quick_collab_nickname=not_fabien&autoreplay=q4_quick_collab__1763059593678_saved.json

No live testing as this is done entirely on device.

Instructions

Live testing https://companion.benetou.fr/index.html?username=q4_shadow_hands

Live testing https://companion.benetou.fr/index.html?username=q4_multiselect