@multiplekex/shallot 0.1.12 → 0.2.0

package/src/standard/render/scene.ts

@@ -1,6 +1,9 @@
-export const SCENE_UNIFORM_SIZE = 288; // viewProj (64) + cameraWorld (64) + ambient (16) + sunDir (16) + sunColor (16) + camera params (16) + frustum planes (96)
+export const SCENE_UNIFORM_SIZE = 512;
 export const DEPTH_FORMAT: GPUTextureFormat = "depth24plus";
+export const LINEAR_DEPTH_FORMAT: GPUTextureFormat = "r32float";
 export const MASK_FORMAT: GPUTextureFormat = "r8unorm";
+export const EID_FORMAT: GPUTextureFormat = "r32uint";
+export const COLOR_FORMAT: GPUTextureFormat = "rgba8unorm";
 
 export function createSceneBuffer(device: GPUDevice): GPUBuffer {
     return device.createBuffer({
@@ -10,9 +13,7 @@ export function createSceneBuffer(device: GPUDevice): GPUBuffer {
     });
 }
 
-export const ENTITY_ID_FORMAT: GPUTextureFormat = "r32uint";
-
-export function ensureRenderTextures(
+export function ensureTextures(
     device: GPUDevice,
     format: GPUTextureFormat,
     width: number,
@@ -20,21 +21,42 @@ export function ensureRenderTextures(
     textures: Map<string, GPUTexture>,
     textureViews: Map<string, GPUTextureView>
 ): void {
-    const existing = textures.get("scene");
+    const existing = textures.get("color");
     if (existing && existing.width === width && existing.height === height) return;
 
     existing?.destroy();
+    textures.get("linear-depth")?.destroy();
+    textures.get("eid")?.destroy();
     textures.get("depth")?.destroy();
     textures.get("mask")?.destroy();
-    textures.get("entityId")?.destroy();
     textures.get("pingA")?.destroy();
     textures.get("pingB")?.destroy();
 
-    const scene = device.createTexture({
-        label: "scene",
+    const color = device.createTexture({
+        label: "color",
         size: { width, height },
-        format,
-        usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING,
+        format: COLOR_FORMAT,
+        usage:
+            GPUTextureUsage.STORAGE_BINDING |
+            GPUTextureUsage.RENDER_ATTACHMENT |
+            GPUTextureUsage.TEXTURE_BINDING,
+    });
+
+    const linearDepth = device.createTexture({
+        label: "linear-depth",
+        size: { width, height },
+        format: LINEAR_DEPTH_FORMAT,
+        usage: GPUTextureUsage.STORAGE_BINDING | GPUTextureUsage.TEXTURE_BINDING,
+    });
+
+    const eid = device.createTexture({
+        label: "eid",
+        size: { width, height },
+        format: EID_FORMAT,
+        usage:
+            GPUTextureUsage.STORAGE_BINDING |
+            GPUTextureUsage.RENDER_ATTACHMENT |
+            GPUTextureUsage.TEXTURE_BINDING,
     });
 
     const depth = device.createTexture({
@@ -51,13 +73,6 @@ export function ensureRenderTextures(
         usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING,
     });
 
-    const entityId = device.createTexture({
-        label: "entityId",
-        size: { width, height },
-        format: ENTITY_ID_FORMAT,
-        usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING,
-    });
-
     const pingA = device.createTexture({
         label: "pingA",
         size: { width, height },
@@ -72,159 +87,18 @@ export function ensureRenderTextures(
         usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING,
     });
 
-    textures.set("scene", scene);
-    textureViews.set("scene", scene.createView());
+    textures.set("color", color);
+    textureViews.set("color", color.createView());
+    textures.set("linear-depth", linearDepth);
+    textureViews.set("linear-depth", linearDepth.createView());
+    textures.set("eid", eid);
+    textureViews.set("eid", eid.createView());
     textures.set("depth", depth);
     textureViews.set("depth", depth.createView());
     textures.set("mask", mask);
     textureViews.set("mask", mask.createView());
-    textures.set("entityId", entityId);
-    textureViews.set("entityId", entityId.createView());
     textures.set("pingA", pingA);
     textureViews.set("pingA", pingA.createView());
     textures.set("pingB", pingB);
     textureViews.set("pingB", pingB.createView());
 }
-
-export function perspective(fov: number, aspect: number, near: number, far: number): Float32Array {
-    if (fov <= 0) throw new Error(`Invalid FOV: ${fov} (must be > 0)`);
-    if (aspect <= 0) throw new Error(`Invalid aspect ratio: ${aspect} (must be > 0)`);
-    if (near === far) throw new Error(`Invalid depth planes: near === far (${near})`);
-    const f = 1 / Math.tan((fov * Math.PI) / 360);
-    const nf = 1 / (near - far);
-    return new Float32Array([
-        f / aspect,
-        0,
-        0,
-        0,
-        0,
-        f,
-        0,
-        0,
-        0,
-        0,
-        (far + near) * nf,
-        -1,
-        0,
-        0,
-        2 * far * near * nf,
-        0,
-    ]);
-}
-
-export function orthographic(
-    size: number,
-    aspect: number,
-    near: number,
-    far: number
-): Float32Array {
-    if (size <= 0) throw new Error(`Invalid orthographic size: ${size} (must be > 0)`);
-    if (aspect <= 0) throw new Error(`Invalid aspect ratio: ${aspect} (must be > 0)`);
-    if (near === far) throw new Error(`Invalid depth planes: near === far (${near})`);
-    const lr = 1 / (size * aspect);
-    const bt = 1 / size;
-    const nf = 1 / (near - far);
-    return new Float32Array([lr, 0, 0, 0, 0, bt, 0, 0, 0, 0, nf, 0, 0, 0, near * nf, 1]);
-}
-
-export function multiply(a: Float32Array, b: Float32Array): Float32Array {
-    const out = new Float32Array(16);
-    for (let i = 0; i < 4; i++) {
-        for (let j = 0; j < 4; j++) {
-            out[j * 4 + i] =
-                a[i] * b[j * 4] +
-                a[i + 4] * b[j * 4 + 1] +
-                a[i + 8] * b[j * 4 + 2] +
-                a[i + 12] * b[j * 4 + 3];
-        }
-    }
-    return out;
-}
-
-export function invert(m: Float32Array): Float32Array {
-    const out = new Float32Array(16);
-    const r00 = m[0],
-        r01 = m[1],
-        r02 = m[2];
-    const r10 = m[4],
-        r11 = m[5],
-        r12 = m[6];
-    const r20 = m[8],
-        r21 = m[9],
-        r22 = m[10];
-    const tx = m[12],
-        ty = m[13],
-        tz = m[14];
-
-    out[0] = r00;
-    out[1] = r10;
-    out[2] = r20;
-    out[3] = 0;
-    out[4] = r01;
-    out[5] = r11;
-    out[6] = r21;
-    out[7] = 0;
-    out[8] = r02;
-    out[9] = r12;
-    out[10] = r22;
-    out[11] = 0;
-    out[12] = -(r00 * tx + r01 * ty + r02 * tz);
-    out[13] = -(r10 * tx + r11 * ty + r12 * tz);
-    out[14] = -(r20 * tx + r21 * ty + r22 * tz);
-    out[15] = 1;
-
-    return out;
-}
-
-export function extractFrustumPlanes(viewProj: Float32Array): Float32Array {
-    const planes = new Float32Array(24);
-    const m = viewProj;
-
-    // Left: row4 + row1
-    planes[0] = m[3] + m[0];
-    planes[1] = m[7] + m[4];
-    planes[2] = m[11] + m[8];
-    planes[3] = m[15] + m[12];
-
-    // Right: row4 - row1
-    planes[4] = m[3] - m[0];
-    planes[5] = m[7] - m[4];
-    planes[6] = m[11] - m[8];
-    planes[7] = m[15] - m[12];
-
-    // Bottom: row4 + row2
-    planes[8] = m[3] + m[1];
-    planes[9] = m[7] + m[5];
-    planes[10] = m[11] + m[9];
-    planes[11] = m[15] + m[13];
-
-    // Top: row4 - row2
-    planes[12] = m[3] - m[1];
-    planes[13] = m[7] - m[5];
-    planes[14] = m[11] - m[9];
-    planes[15] = m[15] - m[13];
-
-    // Near: row3 (WebGPU uses 0-1 depth, so near plane is z_clip >= 0)
-    planes[16] = m[2];
-    planes[17] = m[6];
-    planes[18] = m[10];
-    planes[19] = m[14];
-
-    // Far: row4 - row3
-    planes[20] = m[3] - m[2];
-    planes[21] = m[7] - m[6];
-    planes[22] = m[11] - m[10];
-    planes[23] = m[15] - m[14];
-
-    // Normalize each plane
-    for (let i = 0; i < 6; i++) {
-        const len = Math.hypot(planes[i * 4], planes[i * 4 + 1], planes[i * 4 + 2]);
-        if (len > 0) {
-            planes[i * 4] /= len;
-            planes[i * 4 + 1] /= len;
-            planes[i * 4 + 2] /= len;
-            planes[i * 4 + 3] /= len;
-        }
-    }
-    return planes;
-}