Updated @mml-io packages (#186)

mml-io · Jan 21, 2025 · b74fd73 · b74fd73
1 parent 16d1b9c
commit b74fd73
Show file tree

Hide file tree

Showing 19 changed files with 1,889 additions and 1,409 deletions.
diff --git a/example/local-only-multi-user-3d-web-experience/client/package.json b/example/local-only-multi-user-3d-web-experience/client/package.json
@@ -18,9 +18,10 @@
     "@mml-io/3d-web-text-chat": "^0.19.0",
     "@mml-io/3d-web-user-networking": "^0.19.0",
     "@mml-io/3d-web-voice-chat": "^0.19.0",
-    "@mml-io/networked-dom-document": "0.18.1",
-    "mml-web": "0.18.1",
-    "mml-web-runner": "0.18.1",
+    "@mml-io/networked-dom-document": "0.19.0",
+    "@mml-io/mml-web": "0.19.0",
+    "@mml-io/mml-web-runner": "0.19.0",
+    "@mml-io/mml-web-threejs-standalone": "0.19.0",
     "three": "0.163.0"
   },
   "devDependencies": {

diff --git a/example/local-only-multi-user-3d-web-experience/client/src/LocalAvatarClient.ts b/example/local-only-multi-user-3d-web-experience/client/src/LocalAvatarClient.ts
@@ -12,8 +12,8 @@ import {
   MMLCompositionScene,
   TimeManager,
 } from "@mml-io/3d-web-client-core";
+import { MMLWebRunnerClient } from "@mml-io/mml-web-runner";
 import { EditableNetworkedDOM, NetworkedDOM } from "@mml-io/networked-dom-document";
-import { MMLWebRunnerClient } from "mml-web-runner";
 import { AudioListener, Euler, Scene, Vector3 } from "three";
 
 import hdrJpgUrl from "../../../assets/hdr/puresky_2k.jpg";

diff --git a/example/local-only-multi-user-3d-web-experience/client/src/index.ts b/example/local-only-multi-user-3d-web-experience/client/src/index.ts
@@ -1,9 +1,13 @@
-import { IframeWrapper, MMLScene, registerCustomElementsToWindow } from "mml-web";
+import { IframeWrapper, MMLScene, registerCustomElementsToWindow } from "@mml-io/mml-web";
 import {
   EditableNetworkedDOM,
   IframeObservableDOMFactory,
   MMLWebRunnerClient,
-} from "mml-web-runner";
+} from "@mml-io/mml-web-runner";
+import {
+  StandaloneThreeJSAdapter,
+  StandaloneThreeJSAdapterControlsType,
+} from "@mml-io/mml-web-threejs-standalone";
 import { Euler, Vector3 } from "three";
 
 import exampleMMLDocumentHTML from "./example-mml.html";
@@ -79,9 +83,19 @@ window.addEventListener("DOMContentLoaded", async () => {
   networkedDOMDocument.load(textArea.value);
 
   // Create an MMLScene to show the MML document and append it to the fourth quadrant
-  const mmlScene = new MMLScene();
+  const sceneElement = document.createElement("div");
+  sceneElement.style.width = "100%";
+  sceneElement.style.height = "100%";
+  const mmlScene = new MMLScene(sceneElement);
   quadrant4.append(mmlScene.element);
-  // Create a client that will synchronize the MMLScene with the local NetworkedDOM
-  const flyCameraClient = new MMLWebRunnerClient(iframeWindow, iframeBody, mmlScene);
-  flyCameraClient.connect(networkedDOMDocument);
+
+  StandaloneThreeJSAdapter.create(sceneElement, {
+    controlsType: StandaloneThreeJSAdapterControlsType.DragFly,
+  }).then((graphicsAdapter) => {
+    mmlScene.init(graphicsAdapter);
+
+    // Create a client that will synchronize the MMLScene with the local NetworkedDOM
+    const flyCameraClient = new MMLWebRunnerClient(iframeWindow, iframeBody, mmlScene);
+    flyCameraClient.connect(networkedDOMDocument);
+  });
 });
diff --git a/example/local-only-multi-user-3d-web-experience/server/package.json b/example/local-only-multi-user-3d-web-experience/server/package.json
@@ -23,7 +23,7 @@
     "cors": "^2.8.5",
     "express": "4.19.2",
     "express-ws": "5.0.2",
-    "networked-dom-server": "0.18.1",
+    "@mml-io/networked-dom-server": "0.19.0",
     "ws": "8.18.0"
   },
   "devDependencies": {

diff --git a/example/multi-user-3d-web-experience/server/package.json b/example/multi-user-3d-web-experience/server/package.json
@@ -25,7 +25,7 @@
     "chokidar": "^3.6.0",
     "express": "4.19.2",
     "express-ws": "5.0.2",
-    "networked-dom-server": "0.18.1",
+    "@mml-io/networked-dom-server": "0.19.0",
     "ws": "8.18.0"
   },
   "devDependencies": {