@certe/atmos-renderer 0.1.0

package/dist/tonemap-pass.js

@@ -0,0 +1,125 @@
+/**
+ * Tonemapping post-process pass.
+ * Reads HDR scene + bloom + SSAO textures. Applies:
+ *   1. SSAO (multiply AO into scene)
+ *   2. Exposure adjustment
+ *   3. ACES filmic tonemapping
+ *   4. Gamma correction
+ *   5. Vignette
+ * Outputs to the swapchain (rgba8unorm).
+ */
+import { FULLSCREEN_VERTEX_SHADER, drawFullscreenTriangle } from './fullscreen-quad.js';
+const TONEMAP_SHADER = FULLSCREEN_VERTEX_SHADER + /* wgsl */ `
+@group(0) @binding(0) var hdrTexture: texture_2d<f32>;
+@group(0) @binding(1) var bloomTexture: texture_2d<f32>;
+@group(0) @binding(2) var aoTexture: texture_2d<f32>;
+@group(0) @binding(3) var texSampler: sampler;
+@group(0) @binding(4) var<uniform> params: vec4<f32>; // x=bloomIntensity, y=exposure, z=vignetteIntensity, w=vignetteRadius
+
+// ACES filmic tonemapping (Narkowicz 2015 fit)
+fn ACESFilmic(x: vec3<f32>) -> vec3<f32> {
+  let a = 2.51;
+  let b = 0.03;
+  let c = 2.43;
+  let d = 0.59;
+  let e = 0.14;
+  return clamp((x * (a * x + b)) / (x * (c * x + d) + e), vec3(0.0), vec3(1.0));
+}
+
+@fragment
+fn fs(@location(0) uv: vec2<f32>) -> @location(0) vec4<f32> {
+  let hdr = textureSample(hdrTexture, texSampler, uv).rgb;
+  let bloom = textureSample(bloomTexture, texSampler, uv).rgb;
+  let ao = textureSample(aoTexture, texSampler, uv).r;
+
+  // Apply AO + bloom + exposure
+  var color = hdr * ao + bloom * params.x;
+  color = color * params.y;
+
+  // Tonemap
+  color = ACESFilmic(color);
+
+  // Gamma correction (linear → sRGB)
+  color = pow(color, vec3(1.0 / 2.2));
+
+  // Vignette
+  let vignetteIntensity = params.z;
+  if (vignetteIntensity > 0.0) {
+    let center = uv - vec2(0.5);
+    let dist = length(center);
+    let radius = params.w;
+    let vignette = smoothstep(radius, radius - 0.35, dist);
+    color = color * mix(1.0, vignette, vignetteIntensity);
+  }
+
+  return vec4(color, 1.0);
+}
+`;
+export class TonemapPass {
+    _device;
+    _pipeline;
+    _bgl;
+    _sampler;
+    _paramsBuffer;
+    _paramsData = new Float32Array(4);
+    constructor(device, outputFormat) {
+        this._device = device;
+        this._sampler = device.createSampler({
+            minFilter: 'linear',
+            magFilter: 'linear',
+        });
+        this._paramsBuffer = device.createBuffer({
+            size: 16,
+            usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,
+        });
+        this._bgl = device.createBindGroupLayout({
+            entries: [
+                { binding: 0, visibility: GPUShaderStage.FRAGMENT, texture: { sampleType: 'float' } },
+                { binding: 1, visibility: GPUShaderStage.FRAGMENT, texture: { sampleType: 'float' } },
+                { binding: 2, visibility: GPUShaderStage.FRAGMENT, texture: { sampleType: 'float' } },
+                { binding: 3, visibility: GPUShaderStage.FRAGMENT, sampler: { type: 'filtering' } },
+                { binding: 4, visibility: GPUShaderStage.FRAGMENT, buffer: { type: 'uniform' } },
+            ],
+        });
+        const module = device.createShaderModule({ code: TONEMAP_SHADER });
+        this._pipeline = device.createRenderPipeline({
+            layout: device.createPipelineLayout({ bindGroupLayouts: [this._bgl] }),
+            vertex: { module, entryPoint: 'vs' },
+            fragment: { module, entryPoint: 'fs', targets: [{ format: outputFormat }] },
+            primitive: { topology: 'triangle-list' },
+        });
+    }
+    execute(encoder, hdrView, bloomView, aoView, outputView, bloomIntensity, exposure, vignetteIntensity, vignetteRadius) {
+        this._paramsData[0] = bloomIntensity;
+        this._paramsData[1] = exposure;
+        this._paramsData[2] = vignetteIntensity;
+        this._paramsData[3] = vignetteRadius;
+        this._device.queue.writeBuffer(this._paramsBuffer, 0, this._paramsData);
+        const bg = this._device.createBindGroup({
+            layout: this._bgl,
+            entries: [
+                { binding: 0, resource: hdrView },
+                { binding: 1, resource: bloomView },
+                { binding: 2, resource: aoView },
+                { binding: 3, resource: this._sampler },
+                { binding: 4, resource: { buffer: this._paramsBuffer } },
+            ],
+        });
+        const pass = encoder.beginRenderPass({
+            colorAttachments: [{
+                    view: outputView,
+                    loadOp: 'clear',
+                    storeOp: 'store',
+                    clearValue: { r: 0, g: 0, b: 0, a: 1 },
+                }],
+        });
+        pass.setPipeline(this._pipeline);
+        pass.setBindGroup(0, bg);
+        drawFullscreenTriangle(pass);
+        pass.end();
+    }
+    destroy() {
+        this._paramsBuffer.destroy();
+    }
+}
+//# sourceMappingURL=tonemap-pass.js.map

package/dist/tonemap-pass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tonemap-pass.js","sourceRoot":"","sources":["../src/tonemap-pass.ts"],"names":[],"mappings":"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"}

package/dist/unlit-pipeline.d.ts

@@ -0,0 +1,12 @@
+export interface UnlitPipelineResources {
+    pipeline: GPURenderPipeline;
+    bindGroupLayout: GPUBindGroupLayout;
+}
+export interface UnlitPipelineOptions {
+    depthWrite?: boolean;
+    topology?: GPUPrimitiveTopology;
+    depthCompare?: GPUCompareFunction;
+    blend?: boolean;
+}
+export declare function createUnlitPipeline(device: GPUDevice, _format: GPUTextureFormat, opts?: UnlitPipelineOptions): UnlitPipelineResources;
+//# sourceMappingURL=unlit-pipeline.d.ts.map

package/dist/unlit-pipeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unlit-pipeline.d.ts","sourceRoot":"","sources":["../src/unlit-pipeline.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,eAAe,EAAE,kBAAkB,CAAC;CACrC;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,gBAAgB,EACzB,IAAI,CAAC,EAAE,oBAAoB,GAC1B,sBAAsB,CA6DxB"}

package/dist/unlit-pipeline.js

@@ -0,0 +1,59 @@
+import { UNLIT_VERTEX_SHADER, UNLIT_FRAGMENT_SHADER } from './unlit-shader.js';
+import { MSAA_SAMPLE_COUNT, HDR_FORMAT } from './pipeline.js';
+export function createUnlitPipeline(device, _format, opts) {
+    const depthWrite = opts?.depthWrite ?? false;
+    const topology = opts?.topology ?? 'triangle-list';
+    const depthCompare = opts?.depthCompare ?? 'always';
+    const blend = opts?.blend ?? false;
+    const bindGroupLayout = device.createBindGroupLayout({
+        entries: [
+            {
+                binding: 0,
+                visibility: GPUShaderStage.VERTEX,
+                buffer: { type: 'uniform' },
+            },
+        ],
+    });
+    const pipelineLayout = device.createPipelineLayout({
+        bindGroupLayouts: [bindGroupLayout],
+    });
+    const vertexModule = device.createShaderModule({ code: UNLIT_VERTEX_SHADER });
+    const fragmentModule = device.createShaderModule({ code: UNLIT_FRAGMENT_SHADER });
+    const colorTarget = { format: HDR_FORMAT };
+    if (blend) {
+        colorTarget.blend = {
+            color: { srcFactor: 'src-alpha', dstFactor: 'one-minus-src-alpha', operation: 'add' },
+            alpha: { srcFactor: 'one', dstFactor: 'one-minus-src-alpha', operation: 'add' },
+        };
+    }
+    const pipeline = device.createRenderPipeline({
+        layout: pipelineLayout,
+        vertex: {
+            module: vertexModule,
+            entryPoint: 'vs',
+            buffers: [
+                {
+                    arrayStride: 24, // position(3) + color(3) = 6 floats * 4 bytes
+                    attributes: [
+                        { shaderLocation: 0, offset: 0, format: 'float32x3' },
+                        { shaderLocation: 1, offset: 12, format: 'float32x3' },
+                    ],
+                },
+            ],
+        },
+        fragment: {
+            module: fragmentModule,
+            entryPoint: 'fs',
+            targets: [colorTarget],
+        },
+        multisample: { count: MSAA_SAMPLE_COUNT },
+        primitive: { topology },
+        depthStencil: {
+            format: 'depth24plus',
+            depthWriteEnabled: depthWrite,
+            depthCompare,
+        },
+    });
+    return { pipeline, bindGroupLayout };
+}
+//# sourceMappingURL=unlit-pipeline.js.map

package/dist/unlit-pipeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unlit-pipeline.js","sourceRoot":"","sources":["../src/unlit-pipeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAc9D,MAAM,UAAU,mBAAmB,CACjC,MAAiB,EACjB,OAAyB,EACzB,IAA2B;IAE3B,MAAM,UAAU,GAAG,IAAI,EAAE,UAAU,IAAI,KAAK,CAAC;IAC7C,MAAM,QAAQ,GAAG,IAAI,EAAE,QAAQ,IAAI,eAAe,CAAC;IACnD,MAAM,YAAY,GAAG,IAAI,EAAE,YAAY,IAAI,QAAQ,CAAC;IACpD,MAAM,KAAK,GAAG,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC;IAEnC,MAAM,eAAe,GAAG,MAAM,CAAC,qBAAqB,CAAC;QACnD,OAAO,EAAE;YACP;gBACE,OAAO,EAAE,CAAC;gBACV,UAAU,EAAE,cAAc,CAAC,MAAM;gBACjC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC5B;SACF;KACF,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAoB,CAAC;QACjD,gBAAgB,EAAE,CAAC,eAAe,CAAC;KACpC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,MAAM,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,CAAC;IAC9E,MAAM,cAAc,GAAG,MAAM,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC;IAElF,MAAM,WAAW,GAAwB,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;IAChE,IAAI,KAAK,EAAE,CAAC;QACV,WAAW,CAAC,KAAK,GAAG;YAClB,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAE,KAAK,EAAE;YACrF,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,qBAAqB,EAAE,SAAS,EAAE,KAAK,EAAE;SAChF,CAAC;IACJ,CAAC;IAED,MAAM,QAAQ,GAAG,MAAM,CAAC,oBAAoB,CAAC;QAC3C,MAAM,EAAE,cAAc;QACtB,MAAM,EAAE;YACN,MAAM,EAAE,YAAY;YACpB,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE;gBACP;oBACE,WAAW,EAAE,EAAE,EAAE,8CAA8C;oBAC/D,UAAU,EAAE;wBACV,EAAE,cAAc,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE;wBACrD,EAAE,cAAc,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE;qBACvD;iBACF;aACF;SACF;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,cAAc;YACtB,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC,WAAW,CAAC;SACvB;QACD,WAAW,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE;QACzC,SAAS,EAAE,EAAE,QAAQ,EAAE;QACvB,YAAY,EAAE;YACZ,MAAM,EAAE,aAAa;YACrB,iBAAiB,EAAE,UAAU;YAC7B,YAAY;SACb;KACF,CAAC,CAAC;IAEH,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AACvC,CAAC"}

package/dist/unlit-shader.d.ts

@@ -0,0 +1,3 @@
+export declare const UNLIT_VERTEX_SHADER = "\nstruct Uniforms {\n  mvp: mat4x4<f32>,\n};\n@group(0) @binding(0) var<uniform> u: Uniforms;\n\nstruct VIn {\n  @location(0) position: vec3<f32>,\n  @location(1) color: vec3<f32>,\n};\n\nstruct VOut {\n  @builtin(position) position: vec4<f32>,\n  @location(0) color: vec3<f32>,\n};\n\n@vertex fn vs(input: VIn) -> VOut {\n  var out: VOut;\n  out.position = u.mvp * vec4<f32>(input.position, 1.0);\n  out.color = input.color;\n  return out;\n}\n";
+export declare const UNLIT_FRAGMENT_SHADER = "\nstruct FIn {\n  @location(0) color: vec3<f32>,\n};\n\n@fragment fn fs(input: FIn) -> @location(0) vec4<f32> {\n  return vec4<f32>(input.color, 1.0);\n}\n";
+//# sourceMappingURL=unlit-shader.d.ts.map

package/dist/unlit-shader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unlit-shader.d.ts","sourceRoot":"","sources":["../src/unlit-shader.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,kcAsB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gKAQjC,CAAC"}

package/dist/unlit-shader.js

@@ -0,0 +1,33 @@
+export const UNLIT_VERTEX_SHADER = /* wgsl */ `
+struct Uniforms {
+  mvp: mat4x4<f32>,
+};
+@group(0) @binding(0) var<uniform> u: Uniforms;
+
+struct VIn {
+  @location(0) position: vec3<f32>,
+  @location(1) color: vec3<f32>,
+};
+
+struct VOut {
+  @builtin(position) position: vec4<f32>,
+  @location(0) color: vec3<f32>,
+};
+
+@vertex fn vs(input: VIn) -> VOut {
+  var out: VOut;
+  out.position = u.mvp * vec4<f32>(input.position, 1.0);
+  out.color = input.color;
+  return out;
+}
+`;
+export const UNLIT_FRAGMENT_SHADER = /* wgsl */ `
+struct FIn {
+  @location(0) color: vec3<f32>,
+};
+
+@fragment fn fs(input: FIn) -> @location(0) vec4<f32> {
+  return vec4<f32>(input.color, 1.0);
+}
+`;
+//# sourceMappingURL=unlit-shader.js.map

package/dist/unlit-shader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unlit-shader.js","sourceRoot":"","sources":["../src/unlit-shader.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;CAsB7C,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAAC;;;;;;;;CAQ/C,CAAC"}

package/dist/webgpu-device.d.ts

@@ -0,0 +1,13 @@
+export interface GPUContext {
+    device: GPUDevice;
+    context: GPUCanvasContext;
+    format: GPUTextureFormat;
+    depthTexture: GPUTexture;
+    msaaTexture: GPUTexture;
+    hdrTexture: GPUTexture;
+    canvas: HTMLCanvasElement;
+}
+/** Resize canvas pixel buffer to match CSS display size. Recreates all render targets. */
+export declare function resizeGPU(gpu: GPUContext): void;
+export declare function initWebGPU(canvas: HTMLCanvasElement): Promise<GPUContext>;
+//# sourceMappingURL=webgpu-device.d.ts.map

package/dist/webgpu-device.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webgpu-device.d.ts","sourceRoot":"","sources":["../src/webgpu-device.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC;IACzB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAgCD,0FAA0F;AAC1F,wBAAgB,SAAS,CAAC,GAAG,EAAE,UAAU,GAAG,IAAI,CAkB/C;AAED,wBAAsB,UAAU,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,CA+B/E"}

package/dist/webgpu-device.js

@@ -0,0 +1,70 @@
+const HDR_FORMAT = 'rgba16float';
+const SAMPLE_COUNT = 4;
+function createMSAATexture(device, w, h) {
+    return device.createTexture({
+        size: { width: w, height: h },
+        format: HDR_FORMAT,
+        sampleCount: SAMPLE_COUNT,
+        usage: GPUTextureUsage.RENDER_ATTACHMENT,
+    });
+}
+function createHDRTexture(device, w, h) {
+    return device.createTexture({
+        size: { width: w, height: h },
+        format: HDR_FORMAT,
+        sampleCount: 1,
+        usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.RENDER_ATTACHMENT,
+    });
+}
+function createDepthTexture(device, w, h) {
+    return device.createTexture({
+        size: { width: w, height: h },
+        format: 'depth24plus',
+        sampleCount: SAMPLE_COUNT,
+        usage: GPUTextureUsage.RENDER_ATTACHMENT,
+    });
+}
+/** Resize canvas pixel buffer to match CSS display size. Recreates all render targets. */
+export function resizeGPU(gpu) {
+    const canvas = gpu.canvas;
+    const dpr = window.devicePixelRatio || 1;
+    const w = Math.max(1, Math.floor(canvas.clientWidth * dpr));
+    const h = Math.max(1, Math.floor(canvas.clientHeight * dpr));
+    if (canvas.width === w && canvas.height === h)
+        return;
+    canvas.width = w;
+    canvas.height = h;
+    gpu.depthTexture.destroy();
+    gpu.depthTexture = createDepthTexture(gpu.device, w, h);
+    gpu.msaaTexture.destroy();
+    gpu.msaaTexture = createMSAATexture(gpu.device, w, h);
+    gpu.hdrTexture.destroy();
+    gpu.hdrTexture = createHDRTexture(gpu.device, w, h);
+}
+export async function initWebGPU(canvas) {
+    if (!navigator.gpu) {
+        throw new Error('WebGPU is not supported in this browser');
+    }
+    const adapter = await navigator.gpu.requestAdapter();
+    if (!adapter) {
+        throw new Error('Failed to request WebGPU adapter');
+    }
+    const device = await adapter.requestDevice();
+    const context = canvas.getContext('webgpu');
+    if (!context) {
+        throw new Error('Failed to get WebGPU canvas context');
+    }
+    const format = navigator.gpu.getPreferredCanvasFormat();
+    context.configure({
+        device,
+        format,
+        alphaMode: 'premultiplied',
+    });
+    const w = canvas.width;
+    const h = canvas.height;
+    const depthTexture = createDepthTexture(device, w, h);
+    const msaaTexture = createMSAATexture(device, w, h);
+    const hdrTexture = createHDRTexture(device, w, h);
+    return { device, context, format, depthTexture, msaaTexture, hdrTexture, canvas };
+}
+//# sourceMappingURL=webgpu-device.js.map

package/dist/webgpu-device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webgpu-device.js","sourceRoot":"","sources":["../src/webgpu-device.ts"],"names":[],"mappings":"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"}

package/dist/wireframe-pipeline.d.ts

@@ -0,0 +1,7 @@
+export interface WireframePipelineResources {
+    pipeline: GPURenderPipeline;
+    objectBindGroupLayout: GPUBindGroupLayout;
+    colorBindGroupLayout: GPUBindGroupLayout;
+}
+export declare function createWireframePipeline(device: GPUDevice): WireframePipelineResources;
+//# sourceMappingURL=wireframe-pipeline.d.ts.map

package/dist/wireframe-pipeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wireframe-pipeline.d.ts","sourceRoot":"","sources":["../src/wireframe-pipeline.ts"],"names":[],"mappings":"AA2BA,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,qBAAqB,EAAE,kBAAkB,CAAC;IAC1C,oBAAoB,EAAE,kBAAkB,CAAC;CAC1C;AAED,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,SAAS,GAChB,0BAA0B,CAkD5B"}

package/dist/wireframe-pipeline.js

@@ -0,0 +1,72 @@
+import { VERTEX_STRIDE_BYTES } from './geometry.js';
+import { MSAA_SAMPLE_COUNT, HDR_FORMAT } from './pipeline.js';
+const WIREFRAME_SHADER = /* wgsl */ `
+struct Uniforms {
+  mvp: mat4x4<f32>,
+};
+
+@group(0) @binding(0) var<uniform> obj: Uniforms;
+
+struct ColorUniform {
+  color: vec4<f32>,
+};
+
+@group(1) @binding(0) var<uniform> wireColor: ColorUniform;
+
+@vertex
+fn vs(@location(0) position: vec3<f32>) -> @builtin(position) vec4<f32> {
+  return obj.mvp * vec4<f32>(position, 1.0);
+}
+
+@fragment
+fn fs() -> @location(0) vec4<f32> {
+  return wireColor.color;
+}
+`;
+export function createWireframePipeline(device) {
+    const shaderModule = device.createShaderModule({ code: WIREFRAME_SHADER });
+    const objectBindGroupLayout = device.createBindGroupLayout({
+        entries: [
+            { binding: 0, visibility: GPUShaderStage.VERTEX, buffer: { type: 'uniform' } },
+        ],
+    });
+    const colorBindGroupLayout = device.createBindGroupLayout({
+        entries: [
+            { binding: 0, visibility: GPUShaderStage.FRAGMENT, buffer: { type: 'uniform' } },
+        ],
+    });
+    const pipelineLayout = device.createPipelineLayout({
+        bindGroupLayouts: [objectBindGroupLayout, colorBindGroupLayout],
+    });
+    const pipeline = device.createRenderPipeline({
+        layout: pipelineLayout,
+        vertex: {
+            module: shaderModule,
+            entryPoint: 'vs',
+            buffers: [
+                {
+                    arrayStride: VERTEX_STRIDE_BYTES, // reuse PBR vertex buffer, only read position
+                    attributes: [
+                        { shaderLocation: 0, offset: 0, format: 'float32x3' },
+                    ],
+                },
+            ],
+        },
+        fragment: {
+            module: shaderModule,
+            entryPoint: 'fs',
+            targets: [{ format: HDR_FORMAT }],
+        },
+        multisample: { count: MSAA_SAMPLE_COUNT },
+        primitive: {
+            topology: 'line-list',
+        },
+        depthStencil: {
+            format: 'depth24plus',
+            depthWriteEnabled: false,
+            depthCompare: 'less-equal',
+        },
+    });
+    return { pipeline, objectBindGroupLayout, colorBindGroupLayout };
+}
+//# sourceMappingURL=wireframe-pipeline.js.map

package/dist/wireframe-pipeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wireframe-pipeline.js","sourceRoot":"","sources":["../src/wireframe-pipeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,gBAAgB,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;CAsBnC,CAAC;AAQF,MAAM,UAAU,uBAAuB,CACrC,MAAiB;IAEjB,MAAM,YAAY,GAAG,MAAM,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAE3E,MAAM,qBAAqB,GAAG,MAAM,CAAC,qBAAqB,CAAC;QACzD,OAAO,EAAE;YACP,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;SAC/E;KACF,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,MAAM,CAAC,qBAAqB,CAAC;QACxD,OAAO,EAAE;YACP,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;SACjF;KACF,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAoB,CAAC;QACjD,gBAAgB,EAAE,CAAC,qBAAqB,EAAE,oBAAoB,CAAC;KAChE,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAC,oBAAoB,CAAC;QAC3C,MAAM,EAAE,cAAc;QACtB,MAAM,EAAE;YACN,MAAM,EAAE,YAAY;YACpB,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE;gBACP;oBACE,WAAW,EAAE,mBAAmB,EAAE,8CAA8C;oBAChF,UAAU,EAAE;wBACV,EAAE,cAAc,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE;qBACtD;iBACF;aACF;SACF;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,YAAY;YACpB,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;SAClC;QACD,WAAW,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE;QACzC,SAAS,EAAE;YACT,QAAQ,EAAE,WAAW;SACtB;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,aAAa;YACrB,iBAAiB,EAAE,KAAK;YACxB,YAAY,EAAE,YAAY;SAC3B;KACF,CAAC,CAAC;IAEH,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAC;AACnE,CAAC"}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@certe/atmos-renderer",
+  "description": "WebGPU PBR renderer for the Atmos Engine — lights, shadows, skinning, post-processing",
+  "version": "0.1.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/certesolutions-cyber/atmos.git",
+    "directory": "packages/renderer"
+  },
+  "homepage": "https://github.com/certesolutions-cyber/atmos",
+  "license": "GPL-3.0-or-later",
+  "keywords": ["webgpu", "renderer", "pbr", "game-engine", "shadows", "bloom", "atmos"],
+  "type": "module",
+  "main": "src/index.ts",
+  "types": "src/index.ts",
+  "publishConfig": {
+    "main": "dist/index.js",
+    "types": "dist/index.d.ts"
+  },
+  "files": ["dist", "!dist/__tests__", "package.json", "README.md", "LICENCE"],
+  "dependencies": {
+    "@certe/atmos-core": "^0.1.0",
+    "@certe/atmos-math": "^0.1.0"
+  },
+  "scripts": {
+    "test": "vitest run"
+  }
+}

package/src/index.ts

@@ -0,0 +1,87 @@
+export { initWebGPU, resizeGPU } from './webgpu-device.js';
+export type { GPUContext } from './webgpu-device.js';
+export { VERTEX_SHADER, FRAGMENT_SHADER } from './shader.js';
+export { createRenderPipeline, HDR_FORMAT, MSAA_SAMPLE_COUNT } from './pipeline.js';
+export type { PipelineResources } from './pipeline.js';
+export { createMesh } from './mesh.js';
+export type { Mesh } from './mesh.js';
+export {
+  createCubeGeometry,
+  createPlaneGeometry,
+  createSphereGeometry,
+  createCylinderGeometry,
+  VERTEX_STRIDE_FLOATS,
+  VERTEX_STRIDE_BYTES,
+} from './geometry.js';
+export type { GeometryData } from './geometry.js';
+export { createMaterial, writeMaterialUniforms, MATERIAL_UNIFORM_SIZE } from './material.js';
+export type { Material, MaterialParams } from './material.js';
+export { createDirectionalLight, writeSceneUniforms, SCENE_UNIFORM_SIZE, collectSceneLights } from './light.js';
+export type { LightSettings, SceneLightData, FogSettings } from './light.js';
+export { DirectionalLight } from './directional-light.js';
+export { PointLight } from './point-light.js';
+export { SpotLight } from './spot-light.js';
+export { MeshRenderer } from './mesh-renderer.js';
+export type { MeshRendererContext } from './mesh-renderer.js';
+export { Camera } from './camera.js';
+export type { ScreenToWorldProvider } from './camera.js';
+export { SceneDepthPass } from './scene-depth.js';
+export { RenderSystem, createDefaultCamera } from './render-system.js';
+export type { CameraSettings, OverlayCallback } from './render-system.js';
+export { registerRendererBuiltins } from './register-builtins.js';
+export {
+  createDefaultMaterialAsset,
+  serializeMaterialAsset,
+  deserializeMaterialAsset,
+} from './material-asset.js';
+export type { ShaderType, MaterialAssetData } from './material-asset.js';
+export { computeBoundingSphere } from './bounds.js';
+export type { BoundingSphere } from './bounds.js';
+export { createUnlitPipeline } from './unlit-pipeline.js';
+export type { UnlitPipelineResources, UnlitPipelineOptions } from './unlit-pipeline.js';
+export { GridRenderer } from './grid-renderer.js';
+export {
+  createTextureFromRGBA,
+  decodeImageToRGBA,
+  getWhiteFallbackTexture,
+  getFlatNormalFallback,
+  getDefaultMetallicRoughnessFallback,
+} from './texture.js';
+export type { GPUTextureHandle } from './texture.js';
+export { extractFrustumPlanes, isSphereInFrustum } from './frustum.js';
+export type { FrustumPlanes } from './frustum.js';
+export { DirectionalShadowPass, DirectionalShadowPassPair } from './shadow-pass.js';
+export { PointShadowPass } from './point-shadow-pass.js';
+export { SpotShadowPass } from './spot-shadow-pass.js';
+export {
+  SHADOW_UNIFORM_SIZE,
+  MAX_DIR_SHADOW_SLOTS,
+  MAX_POINT_SHADOW_SLOTS,
+  MAX_SPOT_SHADOW_SLOTS,
+  SHADOW_SLOT_NONE,
+  createShadowBindGroupLayout,
+} from './shadow-uniforms.js';
+export { ShadowManager } from './shadow-manager.js';
+export type { ShadowManagerResult } from './shadow-manager.js';
+export { SHADOW_FRAGMENT_WGSL } from './shadow-fragment-wgsl.js';
+export { SHADOW_VERTEX_SHADER } from './shadow-shader.js';
+export { POINT_SHADOW_SHADER } from './point-shadow-shader.js';
+export { generateMipmaps } from './mipmap-generator.js';
+export { BloomPass } from './bloom-pass.js';
+export { TonemapPass } from './tonemap-pass.js';
+export { DepthPrepass } from './depth-prepass.js';
+export { SSAOPass } from './ssao-pass.js';
+export { drawFullscreenTriangle, FULLSCREEN_VERTEX_SHADER } from './fullscreen-quad.js';
+export { createWireframePipeline } from './wireframe-pipeline.js';
+export type { WireframePipelineResources } from './wireframe-pipeline.js';
+export { SKINNED_VERTEX_STRIDE_FLOATS, SKINNED_VERTEX_STRIDE_BYTES, SKINNED_VERTEX_BUFFER_LAYOUT } from './skinned-geometry.js';
+export { SKINNED_VERTEX_SHADER } from './skinned-shader.js';
+export { SKINNED_SHADOW_VERTEX_SHADER } from './skinned-shadow-shader.js';
+export { createSkinnedPBRPipeline } from './skinned-pipeline.js';
+export type { SkinnedPipelineResources } from './skinned-pipeline.js';
+export { SkinnedMeshRenderer } from './skinned-mesh-renderer.js';
+export type { SkinnedRendererContext } from './skinned-mesh-renderer.js';
+export { createTerrainPipeline, TERRAIN_VERTEX_STRIDE_FLOATS, TERRAIN_VERTEX_STRIDE_BYTES } from './terrain-pipeline.js';
+export type { TerrainPipelineResources } from './terrain-pipeline.js';
+export { TerrainMeshRenderer } from './terrain-mesh-renderer.js';
+export { TERRAIN_VERTEX_SHADER, TERRAIN_FRAGMENT_SHADER } from './terrain-shader.js';