Context

I'm experimenting with vue-babylonjs as basis for a live visuals programming workflow. The idea is to run a development server (webpack-dev-server with vue-loader), visit the it once (in a while) with the browser, then edit the code, save and have hot reload update (parts of) the scene graph.

As this is probably not your intend

The objective would be to replace the video carousel on the home page of www.babylonjs.com by actual 3D demos instead of videos. For this, the capability to be able to add Playground Code directly into the Home Page would need to be added with a way to switch demos.

Exokit by default does not render back to the main canvas when already in XR mode.

We should probably make it a configuration option to mirror back to the page canvas, and otherwise put up a blocker that the XR session is in progress and you should put on your headset.

There is already a background for the textbox and 2 buttons.

2d iframes example:

<style type="text/css">
 <!-- BODY {background:none transparent;}-->
 </style>

<iframe src="frame.htm" allowtransparency="true">