Function createTextureFromSources

Create a texture from an array of sources (Video, Canvas, OffscreenCanvas, ImageBitmap) and optionally create mip levels. If you set mips: true and don't set a mipLevelCount then it will automatically make the correct number of mip levels.

Example:

const texture = createTextureFromSource(
    device,
    [
       someCanvasOrVideoOrImageImageBitmap0,
       someCanvasOrVideoOrImageImageBitmap1,
    ],
    {
      usage: GPUTextureUsage.TEXTURE_BINDING |
             GPUTextureUsage.RENDER_ATTACHMENT |
             GPUTextureUsage.COPY_DST,
      mips: true,
    }
);
Copy

Note: If you are supporting compatibility mode you will need to pass in your intended view dimension for cubemaps. Example:

const texture = createTextureFromSource(
    device,
    [
       someCanvasOrVideoOrImageImageBitmapPosX,
       someCanvasOrVideoOrImageImageBitmapNegY,
       someCanvasOrVideoOrImageImageBitmapPosY,
       someCanvasOrVideoOrImageImageBitmapNegY,
       someCanvasOrVideoOrImageImageBitmapPosZ,
       someCanvasOrVideoOrImageImageBitmapNegZ,
    ],
    {
      usage: GPUTextureUsage.TEXTURE_BINDING |
             GPUTextureUsage.RENDER_ATTACHMENT |
             GPUTextureUsage.COPY_DST,
      mips: true,
      viewDimension: 'cube', // <=- Required for compatibility mode
    }
);
Copy