render3d im Browser: WASM/WebGPU-3D-Viewport hinter ?engine=wasm

Feature web (wasm-bindgen) + cdylib analog render2d; WebModelRenderer
mit Canvas-Surface, set_model (walls/slabs wie der native Push) und
set_camera. Projektion liefert bereits [0,1]-Clip-Z, math.rs unveraendert.
wgpu-22-requestDevice-Shim in src/engine/requestDeviceShim.ts geteilt.
Neuer Hook useWasm3dRenderer + Wasm3DViewport (Orbit/Pan/Zoom wie three.js-
Sicht); Viewport3D dispatcht per ?engine=wasm bzw. localStorage, three.js
bleibt Default. Build-Script build:engine3d (wasm-pack, src/engine/pkg3d).
Verifiziert headful per scripts/probe-engine3d.mjs (37 % Geometrie-Pixel);
headless praesentiert Chromium keine WebGPU-Frames (auch bei render2d).
This commit is contained in:
2026-07-03 07:41:37 +02:00
parent 87d12b976f
commit 0e484746de
13 changed files with 914 additions and 2 deletions
+4
View File
@@ -2,3 +2,7 @@
# `npm run build:engine` erzeugt und NICHT eingecheckt (Build-Artefakt, groß, an
# Toolchain gebunden). Der Quellcode liegt in src-tauri/render2d/src/web.rs.
pkg/
# Dito für den render3d-Browser-Renderer (`npm run build:engine3d`); Quellcode
# in src-tauri/render3d/src/web.rs.
pkg3d/
+30
View File
@@ -0,0 +1,30 @@
/**
* Kompatibilitäts-Shim für die WASM-Engines (render2d/render3d, beide wgpu 22):
* wgpu 22 sendet in `requestDevice` noch das Limit `maxInterStageShaderComponents`,
* das AUS DER WebGPU-Spec ENTFERNT wurde. Neuere Chromium-Builds lehnen einen
* nicht-`undefined`-Wert dafür mit `OperationError` ab (→ Device-Erzeugung
* schlägt fehl). Wir entfernen den Schlüssel EINMAL global aus dem Descriptor,
* bevor wgpu ihn stellt. Entfällt, sobald die Engines auf ein wgpu (+ glyphon)
* hochgezogen werden, das dieses Limit nicht mehr mitschickt.
*/
let requestDevicePatched = false;
export function patchRequestDeviceLimits(): void {
if (requestDevicePatched) return;
const AdapterCtor = (globalThis as any).GPUAdapter;
if (!AdapterCtor?.prototype?.requestDevice) return;
const orig = AdapterCtor.prototype.requestDevice;
AdapterCtor.prototype.requestDevice = function (
this: unknown,
desc?: any,
) {
if (desc?.requiredLimits && "maxInterStageShaderComponents" in desc.requiredLimits) {
const requiredLimits = { ...desc.requiredLimits };
delete requiredLimits.maxInterStageShaderComponents;
desc = { ...desc, requiredLimits };
}
return orig.call(this, desc);
};
requestDevicePatched = true;
}