WebGPU 规范篇 04 纹理

最新推荐文章于 2025-09-04 11:17:06 发布

岭南灯火

最新推荐文章于 2025-09-04 11:17:06 发布

阅读量280

点赞数

CC 4.0 BY-SA版权

分类专栏：漫谈 WebGPU 文章标签： javascript gpu

本文链接：https://blog.youkuaiyun.com/cRGBc/article/details/120418436

漫谈 WebGPU 专栏收录该内容

34 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了WebGPU中的纹理创建、纹理视图、纹理格式以及如何输入图片/视频数据到纹理。创建纹理时，需要指定纹理的类型、格式、用途等参数，并要注意参数的合法性。纹理视图是通过纹理对象创建的，用于着色器和可编程通道编码器。此外，文章还探讨了纹理格式的细节和不同的输入数据方法。

系列博客总目录：https://blog.youkuaiyun.com/cRGBc/article/details/120412614

文章目录

1 纹理的创建
- 举例
- 创建时参数不合法的情况
2 纹理视图 GPUTextureView
- 创建时参数不合法的情况
- *简述创建过程
3 纹理格式 GPUTextureFormat
4 为纹理输入图片/视频数据
3 类比 WebGLFramebuffer 离屏渲染的容器

WebGPU 之纹理

1 纹理的创建

纹理由 device.createTexture() 创建，类型是 GPUTexture：

[Exposed=(Window, DedicatedWorker), SecureContext]
interface GPUTexture {
  GPUTextureView createView(optional GPUTextureViewDescriptor descriptor = {});

  undefined destroy();
};
GPUTexture includes GPUObjectBase;

createTexture 方法需要一个 GPUTextureDescriptor 类型的对象：

dictionary GPUTextureDescriptor : GPUObjectDescriptorBase {
  required GPUExtent3D size;
  GPUIntegerCoordinate mipLevelCount = 1;
  GPUSize32 sampleCount = 1;
  GPUTextureDimension dimension = "2d";
  required GPUTextureFormat format;
  required GPUT

了解本专栏