Learn WebGPU
Advanced: Textures and sampling

Basic texture mapping

Apply an image to a polygon.

Learning steps

A texture is image data living on the GPU.

Texture uses:

  • Displaying images.
  • Normal maps.
  • Depth maps.
  • Render targets.

Key concepts:

  • UV coordinates — positions in texture space (0.0–1.0).
  • Sampler — defines how the texture is read.
  • Mipmaps — textures at multiple resolutions.

Task

Create a texture and load image data into it.

Progress 0 / 3 completed

WebGPUを初期化中...

コンソール
コンソール出力がここに表示されます

Learn WebGPU — interactive tutorials for learning WebGPU

GitHub