@dcl-regenesislabs/bevy-explorer-web 0.1.0-21825038654.commit-36dc06e → 0.1.0-21841328189.commit-726f8ec

package/.env

@@ -1 +1 @@
-PUBLIC_URL="https://cdn.decentraland.org/@dcl-regenesislabs/bevy-explorer-web/0.1.0-21825038654.commit-36dc06e"
+PUBLIC_URL="https://cdn.decentraland.org/@dcl-regenesislabs/bevy-explorer-web/0.1.0-21841328189.commit-726f8ec"

package/engine.js

@@ -0,0 +1,255 @@
+// Engine logic - ES module
+// Handles WASM/WebGPU initialization and game execution
+
+import init, { engine_init, engine_run, gpu_cache_hash } from "./pkg/webgpu_build.js";
+import { initGpuCache } from "./gpu_cache.js";
+
+// Re-export for main.js
+export { gpu_cache_hash, initGpuCache };
+
+/**
+ * Fetches a URL with download progress tracking.
+ * @param {string} url - URL to fetch
+ * @param {function} onProgress - Callback with percentage (0-100)
+ * @returns {Promise<ArrayBuffer>}
+ */
+async function fetchWithProgress(url, onProgress) {
+  const response = await fetch(url);
+  const contentLength = response.headers.get('Content-Length');
+
+  if (!contentLength || !response.body) {
+    // Fallback if Content-Length is missing or no streaming support
+    const buffer = await response.arrayBuffer();
+    onProgress(100);
+    return buffer;
+  }
+
+  const total = parseInt(contentLength, 10);
+  const reader = response.body.getReader();
+  const chunks = [];
+  let received = 0;
+
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) break;
+
+    chunks.push(value);
+    received += value.length;
+    onProgress((received / total) * 100);
+  }
+
+  // Combine chunks into single ArrayBuffer
+  const buffer = new Uint8Array(received);
+  let position = 0;
+  for (const chunk of chunks) {
+    buffer.set(chunk, position);
+    position += chunk.length;
+  }
+
+  return buffer.buffer;
+}
+
+/**
+ * Initializes the WASM engine, shared memory, and worker threads.
+ * @returns {Promise<void>}
+ */
+export async function initEngine() {
+
+  const publicUrl = window.PUBLIC_URL || ".";
+  const wasmUrl = `${publicUrl}/pkg/webgpu_build_bg.wasm`;
+
+  // Step 1: Download WASM with progress
+  setLoadingStepActive('download');
+  const wasmBytes = await fetchWithProgress(wasmUrl, (percent) => {
+    setLoadingStepProgress('download', percent);
+  });
+  setLoadingStepCompleted('download');
+
+  // Step 2: Compile WASM
+  setLoadingStepActive('compile');
+  console.time("compileTime")
+  const compiledModule = await WebAssembly.compile(wasmBytes);
+  console.timeEnd("compileTime") // 70 ms
+  setLoadingStepCompleted('compile');
+
+  const initialMemoryPages = 1280; // setting initial memory high causes malloc failures
+  const maximumMemoryPages = 65536;
+  const sharedMemory = new WebAssembly.Memory({
+    initial: initialMemoryPages,
+    maximum: maximumMemoryPages,
+    shared: true,
+  });
+  window.wasm_memory = sharedMemory;
+
+  // Setup HLS video source callback
+  window.setVideoSource = (video, src) => {
+    async function isHlsStream(url) {
+      try {
+        const response = await fetch(url, {
+          method: "HEAD",
+          mode: "cors",
+        });
+
+        if (!response.ok) {
+          return false;
+        }
+
+        const contentType = response.headers.get("Content-Type");
+
+        if (contentType) {
+          return (
+            contentType.includes("application/vnd.apple.mpegurl") ||
+            contentType.includes("application/x-mpegURL")
+          );
+        }
+
+        return false;
+      } catch (error) {
+        return false;
+      }
+    }
+
+    if (video.canPlayType("application/vnd.apple.mpegurl")) {
+      video.src = src;
+    } else if (Hls.isSupported()) {
+      // check if we need hls
+      setTimeout(async () => {
+        if (await isHlsStream(src)) {
+          var hls = new Hls();
+          hls.loadSource(src);
+          hls.attachMedia(video);
+        } else {
+          video.src = src;
+        }
+      }, 0);
+    }
+  };
+
+  // Setup sandbox worker spawn callback
+  window.spawn_and_init_sandbox = async () => {
+    var timeoutId;
+    return new Promise((resolve, _reject) => {
+      const basePath = window.location.pathname.replace(/\/$/, ''); // removes trailing slash if present
+      const sandboxWorkerPath = new URL(`${basePath}/sandbox_worker.js`, window.location.origin);
+      var sandboxWorker = new Worker(sandboxWorkerPath, { type: "module" });
+
+      var timeoutCount = 0;
+      let logTimeout = () => {
+        console.log(
+          "[Main JS] Still waiting for worker to init",
+          timeoutCount
+        );
+        timeoutCount += 1;
+        timeoutId = setTimeout(logTimeout, 5000);
+      };
+      timeoutId = setTimeout(logTimeout, 5000);
+
+      sandboxWorker.onmessage = (workerEvent) => {
+        if (workerEvent.data.type === "READY") {
+          sandboxWorker.postMessage({
+            type: "INIT_WORKER",
+            payload: {
+              compiledModule,
+              sharedMemory,
+            },
+          });
+        }
+        if (workerEvent.data.type === "INIT_COMPLETE") {
+          resolve();
+        }
+        if (workerEvent.data.type === "INIT_FAILED") {
+          console.log("[Main JS] Sandbox init failed; retrying");
+          sandboxWorker = new Worker(sandboxWorkerPath, { type: "module" });
+        }
+      };
+    }).finally(() => {
+      clearTimeout(timeoutId);
+    });
+  };
+
+  // Step 3: Initialize engine
+  setLoadingStepActive('init');
+  await init({ module_or_path: compiledModule, memory: sharedMemory });
+  console.log("[Main JS] Main application WebAssembly module initialized.");
+
+  let res = await engine_init();
+  console.log(
+    "[Main JS] Main application WebAssembly module custom initialized: ",
+    res
+  );
+  setLoadingStepCompleted('init');
+
+  // Step 4: Start workers
+  setLoadingStepActive('workers');
+  setLoadingStepProgress('workers', 0);
+
+  // start asset loader thread
+  await new Promise((resolve, _reject) => {
+    const basePath = window.location.pathname.replace(/\/$/, ''); // removes trailing slash if present
+    const assetLoaderPath = new URL(`${basePath}/asset_loader.js`, window.location.origin);
+
+    const assetLoader = new Worker(assetLoaderPath, { type: "module" });
+    assetLoader.onmessage = (workerEvent) => {
+      if (workerEvent.data.type === "READY") {
+        assetLoader.postMessage({
+          type: "INIT_ASSET_LOADER",
+          payload: {
+            compiledModule,
+            sharedMemory,
+          },
+        });
+      }
+      if (workerEvent.data.type === "INITIALIZED") {
+        resolve();
+      }
+    };
+  });
+  setLoadingStepProgress('workers', 50);
+
+  // start asset processor thread
+  await new Promise((resolve, _reject) => {
+    const basePath = window.location.pathname.replace(/\/$/, ''); // removes trailing slash if present
+    const assetProcessorPath = new URL(`${basePath}/asset_processor.js`, window.location.origin);
+
+    const assetProcessor = new Worker(assetProcessorPath, { type: "module" });
+    assetProcessor.onmessage = (workerEvent) => {
+      if (workerEvent.data.type === "READY") {
+        assetProcessor.postMessage({
+          type: "INIT_ASSET_PROCESSOR",
+          payload: {
+            compiledModule,
+            sharedMemory,
+          },
+        });
+      }
+      if (workerEvent.data.type === "INITIALIZED") {
+        resolve();
+      }
+    };
+  });
+  setLoadingStepCompleted('workers');
+}
+
+/**
+ * Starts the game engine with values from the UI inputs.
+ */
+export function start() {
+  const realmValue = realmInput.value;
+  const positionValue = positionInput.value;
+  const systemScene = systemSceneInput.value;
+  const preview = previewInput.checked;
+  console.log(
+    `[Main JS] "Launch" button clicked. Initial Realm: "${realmValue}", Position (coords): "${positionValue}", System Scene: "${systemScene}"`
+  );
+  hideHeader();
+
+  const platform = (() => {
+    if (navigator.userAgent.includes("Mac")) return "macos";
+    if (navigator.userAgent.includes("Win")) return "windows";
+    if (navigator.userAgent.includes("Linux")) return "linux";
+    return "unknown";
+  })();
+
+  engine_run(platform, realmValue, positionValue, systemScene, true, preview, 1e7);
+  setTimeout(showCanvas,200)
+}

package/favicon/favicon.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="90" height="90"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="90" height="90"><svg viewBox="0 0 90 90" width="90" height="90" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M45 89.9999C69.8528 89.9999 89.9999 69.8528 89.9999 45C89.9999 20.1472 69.8528 0 45 0C20.1472 0 0 20.1472 0 45C0 69.8528 20.1472 89.9999 45 89.9999Z" fill="url(#paint0_linear_1_49380)"></path>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M18 80.9996C25.515 86.6471 34.875 89.9996 45 89.9996C55.125 89.9996 64.485 86.6471 72 80.9996H18Z" fill="#FF2D55"></path>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.00008 71.9996C11.5651 75.3971 14.6026 78.4346 18.0001 80.9996H72C75.3975 78.4346 78.435 75.3971 81 71.9996H9.00008Z" fill="#FFA25A"></path>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M60.3675 62.9997H3.75757C5.15257 66.2172 6.93007 69.2322 9.00006 71.9997H60.39V62.9997H60.3675Z" fill="#FFC95B"></path>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M31.8826 29.2496V62.9996H60.0075L31.8826 29.2496Z" fill="url(#paint1_linear_1_49380)"></path>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.75757 62.9997H31.8826V29.2497L3.75757 62.9997Z" fill="white"></path>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M60.3675 47.25V72H81L60.3675 47.25Z" fill="url(#paint2_linear_1_49380)"></path>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M39.7574 72H60.3674V47.25L39.7574 72Z" fill="white"></path>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M60.3675 40.4997C66.5807 40.4997 71.6175 35.4629 71.6175 29.2497C71.6175 23.0365 66.5807 17.9997 60.3675 17.9997C54.1543 17.9997 49.1175 23.0365 49.1175 29.2497C49.1175 35.4629 54.1543 40.4997 60.3675 40.4997Z" fill="#FFC95B"></path>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M31.8824 22.4997C34.989 22.4997 37.5074 19.9813 37.5074 16.8747C37.5074 13.7681 34.989 11.2497 31.8824 11.2497C28.7758 11.2497 26.2574 13.7681 26.2574 16.8747C26.2574 19.9813 28.7758 22.4997 31.8824 22.4997Z" fill="#FFC95B"></path>
+  <defs>
+    <linearGradient id="paint0_linear_1_49380" x1="45" y1="-18.6396" x2="-18.6396" y2="45" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FF2D55"></stop>
+      <stop offset="1" stop-color="#FFBC5B"></stop>
+    </linearGradient>
+    <linearGradient id="paint1_linear_1_49380" x1="31.8731" y1="29.2497" x2="31.8731" y2="62.9996" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#A524B3"></stop>
+      <stop offset="1" stop-color="#FF2D55"></stop>
+    </linearGradient>
+    <linearGradient id="paint2_linear_1_49380" x1="60.3605" y1="47.25" x2="60.3605" y2="72" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#A524B3"></stop>
+      <stop offset="1" stop-color="#FF2D55"></stop>
+    </linearGradient>
+  </defs>
+</svg></svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>

package/favicon/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "Decentraland (BEVY)",
+  "short_name": "BevyDCL",
+  "icons": [
+    {
+      "src": "/favicon/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/favicon/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}