Advance WebGPU volume and bounded workflows

web/app/src/three-adapter/volume.ts

@@ -0,0 +1,43 @@
+import {
+  BufferGeometry,
+  DataTexture,
+  DoubleSide,
+  Float32BufferAttribute,
+  Mesh,
+  MeshBasicMaterial,
+  RGBAFormat,
+  Uint32BufferAttribute,
+  UnsignedByteType,
+} from "../vendor/three/three.module.js";
+import type { SceneNodeIR } from "../../../protocol/scene-ir";
+import type { NanoVDBViewportRenderResultIR } from "../volume/nanovdb-viewport";
+import { applyNonMeshTransform } from "./nonmesh";
+
+export function createNanoVDBViewportObject(result: NanoVDBViewportRenderResultIR, node: SceneNodeIR): Mesh {
+  const { min, max } = result.grid.worldBounds;
+  const z = (min[2] + max[2]) / 2;
+  const positions = [
+    min[0], z, -min[1],
+    max[0], z, -min[1],
+    max[0], z, -max[1],
+    min[0], z, -max[1],
+  ];
+  const geometry = new BufferGeometry();
+  geometry.setAttribute("position", new Float32BufferAttribute(positions, 3));
+  geometry.setAttribute("uv", new Float32BufferAttribute([0, 0, 1, 0, 1, 1, 0, 1], 2));
+  geometry.setIndex(new Uint32BufferAttribute([0, 1, 2, 0, 2, 3], 1));
+  const texture = new DataTexture(result.pixels, result.width, result.height, RGBAFormat, UnsignedByteType);
+  texture.needsUpdate = true;
+  const material = new MeshBasicMaterial({ map: texture, transparent: true, depthWrite: false, side: DoubleSide, toneMapped: false });
+  const mesh = new Mesh(geometry, material);
+  mesh.name = `${node.name} (NanoVDB)`;
+  mesh.renderOrder = 4;
+  mesh.userData.sceneNodeId = node.id;
+  mesh.userData.blenderId = node.id;
+  mesh.userData.nonMeshDataId = result.dataId;
+  mesh.userData.nanoVDBVolume = true;
+  mesh.userData.nanoVDBGrid = result.grid.name;
+  mesh.userData.nanoVDBImageSize = [result.width, result.height];
+  applyNonMeshTransform(mesh, node);
+  return mesh;
+}