@luma.gl/engine 9.2.6 → 9.3.0-alpha.4

package/src/models/billboard-texture-model.ts

@@ -3,24 +3,35 @@
 // Copyright (c) vis.gl contributors
 
 import {Device, Texture} from '@luma.gl/core';
-import {AsyncTexture} from '../async-texture/async-texture';
-import {ClipSpace} from './clip-space';
+import type {ShaderModule} from '@luma.gl/shadertools';
+import {DynamicTexture} from '../dynamic-texture/dynamic-texture';
+import {ClipSpace, ClipSpaceProps} from './clip-space';
+
+const backgroundModule = {
+  name: 'background',
+  uniformTypes: {
+    scale: 'vec2<f32>'
+  }
+} as const satisfies ShaderModule<{}, {scale: [number, number]}>;
 
 const BACKGROUND_FS_WGSL = /* wgsl */ `\
 @group(0) @binding(0) var backgroundTexture: texture_2d<f32>;
 @group(0) @binding(1) var backgroundTextureSampler: sampler;
+struct backgroundUniforms {
+  scale: vec2<f32>,
+};
+@group(0) @binding(2) var<uniform> background: backgroundUniforms;
 
 fn billboardTexture_getTextureUV(coordinates: vec2<f32>) -> vec2<f32> {
-	let iTexSize: vec2<u32> = textureDimensions(backgroundTexture, 0);
-	let texSize: vec2<f32> = vec2<f32>(f32(iTexSize.x), f32(iTexSize.y));
-	var position: vec2<f32> = coordinates.xy / texSize;
-	return position;
-} 
+        let scale: vec2<f32> = background.scale;
+        var position: vec2<f32> = (coordinates - vec2<f32>(0.5, 0.5)) / scale + vec2<f32>(0.5, 0.5);
+        return position;
+}
 
 @fragment
 fn fragmentMain(inputs: FragmentInputs) -> @location(0) vec4<f32> {
-	let position: vec2<f32> = billboardTexture_getTextureUV(inputs.coordinate);
-	return textureSample(backgroundTexture, backgroundTextureSampler, position);
+        let position: vec2<f32> = billboardTexture_getTextureUV(inputs.coordinate);
+        return textureSample(backgroundTexture, backgroundTextureSampler, position);
 }
 `;
 
@@ -29,17 +40,21 @@ const BACKGROUND_FS = /* glsl */ `\
 precision highp float;
 
 uniform sampler2D backgroundTexture;
+
+uniform backgroundUniforms {
+  vec2 scale;
+} background;
+
+in vec2 coordinate;
 out vec4 fragColor;
 
-vec2 billboardTexture_getTextureUV() {
-  ivec2 iTexSize = textureSize(backgroundTexture, 0);
-  vec2 texSize = vec2(float(iTexSize.x), float(iTexSize.y));
-  vec2 position = gl_FragCoord.xy / texSize;
+vec2 billboardTexture_getTextureUV(vec2 coord) {
+  vec2 position = (coord - 0.5) / background.scale + 0.5;
   return position;
 }
 
 void main(void) {
-  vec2 position = billboardTexture_getTextureUV();
+  vec2 position = billboardTexture_getTextureUV(coordinate);
   fragColor = texture(backgroundTexture, position);
 }
 `;
@@ -47,11 +62,11 @@ void main(void) {
 /**
  * Props for a Model that renders a bitmap into the "background", i.e covering the screen
  */
-export type BackgroundTextureModelProps = {
+export type BackgroundTextureModelProps = ClipSpaceProps & {
   /** id of this model */
   id?: string;
   /** The texture to render */
-  backgroundTexture: Texture | AsyncTexture;
+  backgroundTexture: Texture | DynamicTexture;
   /** If true, the texture is rendered into transparent areas of the screen only, i.e blended in where background alpha is small */
   blend?: boolean;
 };
@@ -60,11 +75,14 @@ export type BackgroundTextureModelProps = {
  * Model that renders a bitmap into the "background", i.e covering the screen
  */
 export class BackgroundTextureModel extends ClipSpace {
+  backgroundTexture: Texture = null!;
+
   constructor(device: Device, props: BackgroundTextureModelProps) {
     super(device, {
       id: props.id || 'background-texture-model',
       source: BACKGROUND_FS_WGSL,
       fs: BACKGROUND_FS,
+      modules: [backgroundModule],
       parameters: {
         depthWriteEnabled: false,
         ...(props.blend
@@ -84,17 +102,58 @@ export class BackgroundTextureModel extends ClipSpace {
     if (!props.backgroundTexture) {
       throw new Error('BackgroundTextureModel requires a backgroundTexture prop');
     }
-    this.setTexture(props.backgroundTexture);
+    this.setProps(props);
   }
 
-  setTexture(backgroundTexture: Texture | AsyncTexture): void {
-    this.setBindings({
-      backgroundTexture
-    });
+  /** Update the background texture */
+  setProps(props: Partial<BackgroundTextureModelProps>): void {
+    const {backgroundTexture} = props;
+    if (backgroundTexture) {
+      this.setBindings({backgroundTexture});
+
+      if (backgroundTexture.isReady) {
+        const texture =
+          backgroundTexture instanceof DynamicTexture
+            ? backgroundTexture.texture
+            : backgroundTexture;
+        this.backgroundTexture = texture;
+        this.updateScale(texture);
+      } else {
+        backgroundTexture.ready.then(texture => {
+          this.backgroundTexture = texture;
+          this.updateScale(texture);
+        });
+      }
+    }
   }
 
   override predraw(): void {
-    this.shaderInputs.setProps({});
+    // this.updateScale(this.backgroundTexture);
     super.predraw();
   }
+
+  updateScale(texture: Texture): void {
+    if (!texture) {
+      // Initial scale to avoid rendering issues before texture is loaded
+      this.shaderInputs.setProps({background: {scale: [1, 1]}});
+      return;
+    }
+    const [screenWidth, screenHeight] = this.device.getCanvasContext().getDrawingBufferSize();
+
+    const textureWidth = texture.width;
+    const textureHeight = texture.height;
+
+    const screenAspect = screenWidth / screenHeight;
+    const textureAspect = textureWidth / textureHeight;
+
+    let scaleX = 1;
+    let scaleY = 1;
+    if (screenAspect > textureAspect) {
+      scaleY = screenAspect / textureAspect;
+    } else {
+      scaleX = textureAspect / screenAspect;
+    }
+
+    this.shaderInputs.setProps({background: {scale: [scaleX, scaleY]}});
+  }
 }

package/src/passes/get-fragment-shader.ts

@@ -39,19 +39,23 @@ function getFilterShaderWGSL(func: string) {
 // Binding 0:1 is reserved for shader passes
 // @group(0) @binding(0) var<uniform> brightnessContrast : brightnessContrastUniforms;
 @group(0) @binding(1) var texture: texture_2d<f32>;
-@group(0) @binding(2) var sampler: sampler;
+@group(0) @binding(2) var textureSampler: sampler;
 
-struct FragmentInputs {
-  @location(0) fragUV: vec2f,
-  @location(1) fragPosition: vec4f,
-  @location(2) fragCoordinate: vec4f
-};
+// This needs to be aligned with
+// struct FragmentInputs {
+//   @location(0) fragUV: vec2f,
+//   @location(1) fragPosition: vec4f,
+//   @location(2) fragCoordinate: vec4f
+// };
 
 @fragment
 fn fragmentMain(inputs: FragmentInputs) -> @location(0) vec4f {
-  let texSize = textureDimensions(texture, 0);
-  var fragColor = textureSample(texture, sampler, fragUV);
-  fragColor = ${func}(gl_FragColor, texSize, texCoord);
+  let fragUV = inputs.uv;
+  let fragCoordinate = inputs.coordinate;
+  let texSize = vec2f(textureDimensions(texture, 0));
+
+  var fragColor = textureSample(texture, textureSampler, fragUV);
+  fragColor = ${func}(fragColor, texSize, fragCoordinate);
   return fragColor;
 }
 `;
@@ -73,9 +77,9 @@ struct FragmentInputs = {
 
 @fragment
 fn fragmentMain(inputs: FragmentInputs) -> @location(0) vec4f {
-  let texSize = textureDimensions(texture, 0);
+  let texSize = vec2f(textureDimensions(texture, 0));
   var fragColor = textureSample(texture, sampler, fragUV);
-  fragColor = ${func}(gl_FragColor, texSize, texCoord);
+  fragColor = ${func}(fragColor, texSize, texCoord);
   return fragColor;
 }
 `;

package/src/passes/shader-pass-renderer.ts

@@ -6,7 +6,7 @@ import {Device, RenderPass, Texture} from '@luma.gl/core';
 import type {ShaderPass} from '@luma.gl/shadertools';
 import {initializeShaderModule} from '@luma.gl/shadertools';
 import {ShaderInputs} from '../shader-inputs';
-import {AsyncTexture} from '../async-texture/async-texture';
+import {DynamicTexture} from '../dynamic-texture/dynamic-texture';
 import {ClipSpace} from '../models/clip-space';
 import {SwapFramebuffers} from '../compute/swap';
 import {BackgroundTextureModel} from '../models/billboard-texture-model';
@@ -20,7 +20,7 @@ export type ShaderPassRendererProps = {
   /** List of ShaderPasses to apply to the sourceTexture */
   shaderPasses: ShaderPass[];
   /** Optional typed ShaderInputs object for setting uniforms */
-  shaderInputs: ShaderInputs;
+  shaderInputs?: ShaderInputs;
 };
 
 /** A pass that renders a given texture into screen space */
@@ -72,12 +72,10 @@ fn fragmentMain(inputs: FragmentInputs) -> @location(0) vec4<f32> {
 
 uniform sampler2D sourceTexture;
 in vec2 uv;
-in vec2 coordinate;
 out vec4 fragColor;
 
 void main() {
-  vec2 texCoord = coordinate;
-  fragColor = texture(sourceTexture, coordinate);
+  fragColor = texture(sourceTexture, uv);
 }
 `
     });
@@ -92,14 +90,19 @@ void main() {
     }
     this.swapFramebuffers.destroy();
     this.clipSpace.destroy();
+    this.textureModel.destroy();
   }
 
-  resize(width: number, height: number): void {
-    this.swapFramebuffers.resize({width, height});
-    // this.props.passes.forEach(pass => pass.resize(width, height));
+  resize(size?: [width: number, height: number]): void {
+    size ||= this.device.getCanvasContext().getDrawingBufferSize();
+    this.swapFramebuffers.resize({width: size[0], height: size[1]});
   }
 
-  renderToScreen(options: {sourceTexture: AsyncTexture; uniforms?: any; bindings?: any}): boolean {
+  renderToScreen(options: {
+    sourceTexture: DynamicTexture;
+    uniforms?: any;
+    bindings?: any;
+  }): boolean {
     // Run the shader passes and generate an output texture
     const outputTexture = this.renderToTexture(options);
     if (!outputTexture) {
@@ -114,7 +117,7 @@ void main() {
     const renderPass = this.device.beginRenderPass({
       id: 'shader-pass-renderer-to-screen',
       framebuffer,
-      clearColor: [0, 0, 0, 1],
+      // clearColor: [1, 1, 0, 1],
       clearDepth: 1
     });
     this.clipSpace.setBindings({sourceTexture: outputTexture});
@@ -127,7 +130,7 @@ void main() {
    * @returns null if the the sourceTexture has not yet been loaded
    */
   renderToTexture(options: {
-    sourceTexture: AsyncTexture;
+    sourceTexture: DynamicTexture;
     uniforms?: any;
     bindings?: any;
   }): Texture | null {
@@ -136,20 +139,23 @@ void main() {
       return null;
     }
 
-    this.textureModel.destroy();
-    this.textureModel = new BackgroundTextureModel(this.device, {
-      backgroundTexture: sourceTexture
-    });
+    // If no shader passes are provided, just return the original texture
+    if (this.passRenderers.length === 0) {
+      return sourceTexture.texture;
+    }
+
+    this.textureModel.setProps({backgroundTexture: sourceTexture});
 
     // Clear the current texture before we begin
     const clearTexturePass = this.device.beginRenderPass({
       id: 'shader-pass-renderer-clear-texture',
       framebuffer: this.swapFramebuffers.current,
-      clearColor: [0, 0, 0, 1]
+      clearColor: [1, 0, 0, 1]
     });
     this.textureModel.draw(clearTexturePass);
     clearTexturePass.end();
 
+    // Copy the texture contents
     // const commandEncoder = this.device.createCommandEncoder();
     // commandEncoder.copyTextureToTexture({
     //   sourceTexture: sourceTexture.texture,

package/src/types.ts

@@ -0,0 +1,11 @@
+// luma.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import type {PipelineFactory} from './factories/pipeline-factory';
+import type {ShaderFactory} from './factories/shader-factory';
+
+export type EngineModuleState = {
+  defaultPipelineFactory?: PipelineFactory;
+  defaultShaderFactory?: ShaderFactory;
+};

package/src/utils/buffer-layout-order.ts

@@ -4,6 +4,22 @@
 
 import {type BufferLayout, type ShaderLayout} from '@luma.gl/core';
 
+function getMinLocation(
+  attributeNames: string[],
+  shaderLayoutMap: Record<string, number | undefined>
+): number {
+  let minLocation = Infinity;
+
+  for (const name of attributeNames) {
+    const location = shaderLayoutMap[name];
+    if (location !== undefined) {
+      minLocation = Math.min(minLocation, location);
+    }
+  }
+
+  return minLocation;
+}
+
 export function sortedBufferLayoutByShaderSourceLocations(
   shaderLayout: ShaderLayout,
   bufferLayout: BufferLayout[]
@@ -16,8 +32,8 @@ export function sortedBufferLayoutByShaderSourceLocations(
   sortedLayout.sort((a, b) => {
     const attributeNamesA = a.attributes ? a.attributes.map(attr => attr.attribute) : [a.name];
     const attributeNamesB = b.attributes ? b.attributes.map(attr => attr.attribute) : [b.name];
-    const minLocationA = Math.min(...attributeNamesA.map(name => shaderLayoutMap[name]));
-    const minLocationB = Math.min(...attributeNamesB.map(name => shaderLayoutMap[name]));
+    const minLocationA = getMinLocation(attributeNamesA, shaderLayoutMap);
+    const minLocationB = getMinLocation(attributeNamesB, shaderLayoutMap);
 
     return minLocationA - minLocationB;
   });

package/dist/async-texture/async-texture.d.ts

@@ -1,166 +0,0 @@
-import type { TextureProps, SamplerProps, TextureView, Device, TypedArray, TextureFormat, ExternalImage } from '@luma.gl/core';
-import { Texture, Sampler } from '@luma.gl/core';
-type AsyncTextureDataProps = AsyncTexture1DProps | AsyncTexture2DProps | AsyncTexture3DProps | AsyncTextureArrayProps | AsyncTextureCubeProps | AsyncTextureCubeArrayProps;
-type AsyncTexture1DProps = {
-    dimension: '1d';
-    data: Promise<Texture1DData> | Texture1DData | null;
-};
-type AsyncTexture2DProps = {
-    dimension?: '2d';
-    data: Promise<Texture2DData> | Texture2DData | null;
-};
-type AsyncTexture3DProps = {
-    dimension: '3d';
-    data: Promise<Texture3DData> | Texture3DData | null;
-};
-type AsyncTextureArrayProps = {
-    dimension: '2d-array';
-    data: Promise<TextureArrayData> | TextureArrayData | null;
-};
-type AsyncTextureCubeProps = {
-    dimension: 'cube';
-    data: Promise<TextureCubeData> | TextureCubeData | null;
-};
-type AsyncTextureCubeArrayProps = {
-    dimension: 'cube-array';
-    data: Promise<TextureCubeArrayData> | TextureCubeArrayData | null;
-};
-/** Names of cube texture faces */
-export type TextureCubeFace = '+X' | '-X' | '+Y' | '-Y' | '+Z' | '-Z';
-export declare const TextureCubeFaces: TextureCubeFace[];
-export declare const TextureCubeFaceMap: {
-    '+X': number;
-    '-X': number;
-    '+Y': number;
-    '-Y': number;
-    '+Z': number;
-    '-Z': number;
-};
-/**
- * One mip level
- * Basic data structure is similar to `ImageData`
- * additional optional fields can describe compressed texture data.
- */
-export type TextureImageData = {
-    /** WebGPU style format string. Defaults to 'rgba8unorm' */
-    format?: TextureFormat;
-    data: TypedArray;
-    width: number;
-    height: number;
-    compressed?: boolean;
-    byteLength?: number;
-    hasAlpha?: boolean;
-};
-export type TextureLevelSource = TextureImageData | ExternalImage;
-/** Texture data can be one or more mip levels */
-export type TextureData = TextureImageData | ExternalImage | (TextureImageData | ExternalImage)[];
-/** @todo - define what data type is supported for 1D textures */
-export type Texture1DData = TypedArray | TextureImageData;
-/** Texture data can be one or more mip levels */
-export type Texture2DData = TypedArray | TextureImageData | ExternalImage | (TextureImageData | ExternalImage)[];
-/** 6 face textures */
-export type TextureCubeData = Record<TextureCubeFace, TextureData>;
-/** Array of textures */
-export type Texture3DData = TextureData[];
-/** Array of textures */
-export type TextureArrayData = TextureData[];
-/** Array of 6 face textures */
-export type TextureCubeArrayData = Record<TextureCubeFace, TextureData>[];
-export declare const CubeFaces: TextureCubeFace[];
-/** Properties for an async texture */
-export type AsyncTextureProps = Omit<TextureProps, 'data' | 'mipLevels' | 'width' | 'height'> & AsyncTextureDataProps & {
-    /** Generate mipmaps after creating textures and setting data */
-    mipmaps?: boolean;
-    /** nipLevels can be set to 'auto' to generate max number of mipLevels */
-    mipLevels?: number | 'auto';
-    /** Width - can be auto-calculated when initializing from ExternalImage */
-    width?: number;
-    /** Height - can be auto-calculated when initializing from ExternalImage */
-    height?: number;
-};
-/**
- * It is very convenient to be able to initialize textures with promises
- * This can add considerable complexity to the Texture class, and doesn't
- * fit with the immutable nature of WebGPU resources.
- * Instead, luma.gl offers async textures as a separate class.
- */
-export declare class AsyncTexture {
-    readonly device: Device;
-    readonly id: string;
-    props: Required<Omit<AsyncTextureProps, 'data'>>;
-    texture: Texture;
-    sampler: Sampler;
-    view: TextureView;
-    readonly ready: Promise<void>;
-    isReady: boolean;
-    destroyed: boolean;
-    protected resolveReady: () => void;
-    protected rejectReady: (error: Error) => void;
-    get [Symbol.toStringTag](): string;
-    toString(): string;
-    constructor(device: Device, props: AsyncTextureProps);
-    initAsync(props: AsyncTextureProps): Promise<void>;
-    destroy(): void;
-    generateMipmaps(): void;
-    /** Set sampler or create and set new Sampler from SamplerProps */
-    setSampler(sampler?: Sampler | SamplerProps): void;
-    /**
-     * Textures are immutable and cannot be resized after creation,
-     * but we can create a similar texture with the same parameters but a new size.
-     * @note Does not copy contents of the texture
-     * @note Mipmaps may need to be regenerated after resizing / setting new data
-     * @todo Abort pending promise and create a texture with the new size?
-     */
-    resize(size: {
-        width: number;
-        height: number;
-    }): boolean;
-    /** Check if texture data is a typed array */
-    isTextureLevelData(data: TextureData): data is TextureImageData;
-    /** Get the size of the texture described by the provided TextureData */
-    getTextureDataSize(data: TextureData | TextureCubeData | TextureArrayData | TextureCubeArrayData | TypedArray | null): {
-        width: number;
-        height: number;
-    } | null;
-    /** Convert luma.gl cubemap face constants to depth index */
-    getCubeFaceDepth(face: TextureCubeFace): number;
-    setTextureData(data: TextureData): void;
-    /** Experimental: Set multiple mip levels */
-    _setTexture1DData(texture: Texture, data: Texture1DData): void;
-    /** Experimental: Set multiple mip levels */
-    _setTexture2DData(lodData: Texture2DData, depth?: number): void;
-    /**
-     * Experimental: Sets 3D texture data: multiple depth slices, multiple mip levels
-     * @param data
-     */
-    _setTexture3DData(texture: Texture, data: Texture3DData): void;
-    /**
-     * Experimental: Set Cube texture data, multiple faces, multiple mip levels
-     * @todo - could support TextureCubeArray with depth
-     * @param data
-     * @param index
-     */
-    _setTextureCubeData(texture: Texture, data: TextureCubeData): void;
-    /**
-     * Experimental: Sets texture array data, multiple levels, multiple depth slices
-     * @param data
-     */
-    _setTextureArrayData(texture: Texture, data: TextureArrayData): void;
-    /**
-     * Experimental: Sets texture cube array, multiple faces, multiple levels, multiple mip levels
-     * @param data
-     */
-    _setTextureCubeArrayData(texture: Texture, data: TextureCubeArrayData): void;
-    /** Experimental */
-    _setTextureCubeFaceData(texture: Texture, lodData: Texture2DData, face: TextureCubeFace, depth?: number): void;
-    /**
-     * Normalize TextureData to an array of TextureImageData / ExternalImages
-     * @param data
-     * @param options
-     * @returns array of TextureImageData / ExternalImages
-     */
-    _normalizeTextureData(data: Texture2DData): (TextureImageData | ExternalImage)[];
-    static defaultProps: Required<AsyncTextureProps>;
-}
-export {};
-//# sourceMappingURL=async-texture.d.ts.map

package/dist/async-texture/async-texture.d.ts.map

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