@d5techs/3dgs-lib 1.4.71 → 1.4.73

package/dist/3dgs-lib.js

@@ -2112,7 +2112,8 @@ struct V { @builtin(position) pos: vec4<f32>, @location(0) dir: vec3<f32> };
     return o;
 }
 @fragment fn fs(i: V) -> @location(0) vec4<f32> {
-    return vec4(textureSample(cubeTexture, cubeSampler, normalize(i.dir)).rgb, 1.);
+    let d = normalize(i.dir);
+    return vec4(textureSample(cubeTexture, cubeSampler, vec3(-d.x, d.y, -d.z)).rgb, 1.);
 }`
 );
 class SkyboxRenderer {
@@ -2151,7 +2152,7 @@ class SkyboxRenderer {
       size: 64,
       usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST
     });
-    this.sampler = device.createSampler({ magFilter: "linear", minFilter: "linear" });
+    this.sampler = device.createSampler({ magFilter: "linear", minFilter: "linear", mipmapFilter: "linear" });
   }
   get isActive() {
     return this.active && this.texture !== null && this.bindGroup !== null;
@@ -2173,10 +2174,12 @@ class SkyboxRenderer {
         throw new Error("SkyboxRenderer: all cubemap faces must share the same dimensions");
       }
     }
+    const mipLevelCount = Math.floor(Math.log2(Math.max(width, height))) + 1;
     const tex = this.device.createTexture({
       dimension: "2d",
       size: [width, height, 6],
       format: "rgba8unorm",
+      mipLevelCount,
       usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT
     });
     for (let layer = 0; layer < 6; layer++) {
@@ -2187,6 +2190,7 @@ class SkyboxRenderer {
       );
     }
     bitmaps.forEach((b) => b.close());
+    this.generateMipmaps(tex, width, height, 6, mipLevelCount);
     this.bindGroup = this.device.createBindGroup({
       layout: this.cubeBindGroupLayout,
       entries: [
@@ -2225,6 +2229,80 @@ class SkyboxRenderer {
     pass.setBindGroup(0, this.bindGroup);
     pass.draw(3);
   }
+  generateMipmaps(tex, baseWidth, baseHeight, layerCount, mipLevelCount) {
+    if (mipLevelCount <= 1) return;
+    const module = this.device.createShaderModule({
+      code: (
+        /* wgsl */
+        `
+        @group(0) @binding(0) var src: texture_2d<f32>;
+        @group(0) @binding(1) var srcSampler: sampler;
+        struct V { @builtin(position) pos: vec4<f32>, @location(0) uv: vec2<f32> };
+        @vertex fn vs(@builtin(vertex_index) vi: u32) -> V {
+          let ps = array<vec2<f32>,3>(vec2(0.,0.),vec2(2.,0.),vec2(0.,2.));
+          var o: V; let p = ps[vi];
+          o.pos = vec4(p * 2. - 1., 0., 1.);
+          o.uv = vec2(p.x, 1. - p.y);
+          return o;
+        }
+        @fragment fn fs(i: V) -> @location(0) vec4<f32> {
+          return textureSample(src, srcSampler, i.uv);
+        }`
+      )
+    });
+    const bgl = this.device.createBindGroupLayout({
+      entries: [
+        { binding: 0, visibility: GPUShaderStage.FRAGMENT, texture: { sampleType: "float" } },
+        { binding: 1, visibility: GPUShaderStage.FRAGMENT, sampler: { type: "filtering" } }
+      ]
+    });
+    const pipeline = this.device.createRenderPipeline({
+      layout: this.device.createPipelineLayout({ bindGroupLayouts: [bgl] }),
+      vertex: { module, entryPoint: "vs" },
+      fragment: { module, entryPoint: "fs", targets: [{ format: "rgba8unorm" }] },
+      primitive: { topology: "triangle-list" }
+    });
+    const linearSampler = this.device.createSampler({ magFilter: "linear", minFilter: "linear" });
+    const encoder = this.device.createCommandEncoder();
+    for (let level = 1; level < mipLevelCount; level++) {
+      for (let layer = 0; layer < layerCount; layer++) {
+        const srcView = tex.createView({
+          dimension: "2d",
+          baseMipLevel: level - 1,
+          mipLevelCount: 1,
+          baseArrayLayer: layer,
+          arrayLayerCount: 1
+        });
+        const dstView = tex.createView({
+          dimension: "2d",
+          baseMipLevel: level,
+          mipLevelCount: 1,
+          baseArrayLayer: layer,
+          arrayLayerCount: 1
+        });
+        const bg = this.device.createBindGroup({
+          layout: bgl,
+          entries: [
+            { binding: 0, resource: srcView },
+            { binding: 1, resource: linearSampler }
+          ]
+        });
+        const pass = encoder.beginRenderPass({
+          colorAttachments: [{
+            view: dstView,
+            loadOp: "clear",
+            storeOp: "store",
+            clearValue: { r: 0, g: 0, b: 0, a: 1 }
+          }]
+        });
+        pass.setPipeline(pipeline);
+        pass.setBindGroup(0, bg);
+        pass.draw(3);
+        pass.end();
+      }
+    }
+    this.device.queue.submit([encoder.finish()]);
+  }
   clear() {
     if (this.texture) {
       this.texture.destroy();