มีอะไรใหม่ใน WebGPU (Chrome 142)

François Beaufort
François Beaufort
GitHub

เผยแพร่: 22 ต.ค. 2025

ขยายความสามารถในการรองรับรูปแบบพื้นผิว

ฟีเจอร์ GPU "texture-formats-tier1" ใหม่ช่วยให้นักพัฒนาซอฟต์แวร์พอร์ตเนื้อหาที่มีอยู่ไปยังเว็บได้โดยไม่ต้องเขียนใหม่สำหรับความสามารถที่ต่ำกว่าของ WebGPU โดยรองรับรูปแบบพื้นผิวใหม่ "r16unorm", "r16snorm", "rg16unorm", "rg16snorm", "rgba16unorm" และ "rgba16snorm" พร้อมความสามารถในการแนบการแสดงผล ผสมผสาน การสุ่มตัวอย่างหลายรายการ และการเข้าถึงพื้นที่เก็บข้อมูล "read-only" หรือ "write-only" นอกจากนี้ยังรองรับรูปแบบพื้นผิว "r8snorm", "rg8snorm", "rgba8snorm" ที่มีอยู่พร้อมความสามารถในการแนบการแสดงผล ผสมผสาน การมัลติแซมปลิง และการแก้ไข นอกจากนี้ยังใช้รูปแบบเท็กซ์เจอร์อื่นๆ กับการเข้าถึงเท็กซ์เจอร์ของพื้นที่เก็บข้อมูล "read-only" หรือ "write-only" ได้ด้วย

ฟีเจอร์ GPU ใหม่ "texture-formats-tier2" ช่วยให้"read-write"เข้าถึงพื้นที่เก็บข้อมูลสำหรับพื้นผิวในรูปแบบที่เฉพาะเจาะจง ซึ่งมีความสำคัญอย่างยิ่งสำหรับโปรเจ็กต์ต่างๆ เช่น การพอร์ต Unreal Engine ไปยังเว็บ โปรดทราบว่าการเปิดใช้ "texture-formats-tier2" เมื่อสร้างอุปกรณ์จะเป็นการเปิดใช้ "texture-formats-tier1" โดยอัตโนมัติ

ดูข้อมูลโค้ดต่อไปนี้และรายการใน Chrome Status

const adapter = await navigator.gpu.requestAdapter();

const requiredFeatures = [];
if (adapter.features.has("texture-format-tier1")) {
  requiredFeatures.push("texture-format-tier1");
}
if (adapter.features.has("texture-format-tier2")) {
  requiredFeatures.push("texture-format-tier2");
}
const device = await adapter.requestDevice({ requiredFeatures });

// Later on, when dealing with "r8unorm" texture formats for example...
if (device.features.has("texture-format-tier2")) {
  // Use "read-write" storage texture access...
} else if (device.features.has("texture-format-tier1")) {
  // Use "read-only" or "write-only" storage texture access...
} else {
  // Fallback: Use another texture format...
}

ขอขอบคุณทีมงาน Intel ที่ทุ่มเททำงาน

ดัชนีดั้งเดิมใน WGSL

primitive_index คือค่า WGSL ในตัวที่ระบุรูปทรงเรขาคณิตปัจจุบัน (เช่น จุด เส้น หรือสามเหลี่ยม) ที่ Fragment Shader กำลังประมวลผล โดยจะเริ่มที่ 0 เพิ่มขึ้นทีละ 1 หลังจากประมวลผลแต่ละองค์ประกอบ และรีเซ็ตเป็น 0 ระหว่างแต่ละอินสแตนซ์ที่วาด

เมื่อ"primitive-index"ฟีเจอร์พร้อมใช้งานใน GPUAdapter ให้ขอ GPUDevice ที่มีฟีเจอร์นี้เพื่อรับการรองรับดัชนีดั้งเดิมใน WGSL และเปิดใช้ส่วนขยายนี้อย่างชัดเจนในโค้ด WGSL ด้วย enable primitive_index; เมื่อเปิดใช้แล้ว ให้ใช้primitive_indexค่าจำนวนเต็มในตัวใน Fragment Shader เพื่อเข้าถึงข้อมูลต่อรูปทรงเรขาคณิตแต่ละรูป หรือใช้ตรรกะที่แตกต่างกันสำหรับรูปทรงเรขาคณิตที่แตกต่างกันแต่ละรูปที่แสดงผล เช่น

ข้อมูลโค้ดต่อไปนี้แสดง Fragment Shader ที่แสดงผล Primitive ที่ 2 เป็นสีแดง และ Primitive อื่นๆ ทั้งหมดเป็นสีน้ำเงิน

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("primitive-index")) {
  throw new Error("Primitive index support is not available");
}
// Explicitly request primitive index support.
const device = await adapter.requestDevice({
  requiredFeatures: ["primitive-index"],
});

const fragmentShaderModule = device.createShaderModule({ code: `
  enable primitive_index;

  @fragment
  fn main(@builtin(primitive_index) i : u32) -> @location(0) vec4f {
    if (i == 1) {
      return vec4f(1, 0, 0, 1);
    }
    return vec4f(0, 1, 0, 1);
  }`,
});
// Send the appropriate commands to the GPU...

ดูข้อมูลเพิ่มเติมได้โดยไปที่ตัวอย่างการเลือกรูปทรงเรขาคณิต และดูรายการใน chromestatus

สามเหลี่ยมของโมเดลกาน้ำชา 3 มิติจะมีสีตามค่าดัชนีดั้งเดิม
ตัวอย่างการเลือกองค์ประกอบพื้นฐานในโหมด "ดัชนีองค์ประกอบพื้นฐาน"

ข้อมูลอัปเดตเกี่ยวกับ Dawn

DAWN_BUILD_MONOLITHIC_LIBRARY ตัวแปร CMake ที่ใช้จัดการประเภทของไลบรารีแบบ Monolithic ที่จะสร้างได้เปลี่ยนค่าเริ่มต้นจาก OFF เป็น STATIC เพื่อให้ระบบสร้างไฟล์ libwebgpu* โดยค่าเริ่มต้น

ตอนนี้ Dawn จัดการค่าเริ่มต้นของ wgpu::PresentMode::Undefined อย่างถูกต้องเมื่อกำหนดค่า wgpu::Surface ดูปัญหา 441410668

นี่เป็นเพียงไฮไลต์สำคัญบางส่วนเท่านั้น ดูรายการคอมมิตทั้งหมด

มีอะไรใหม่ใน WebGPU

รายการทุกอย่างที่ครอบคลุมในซีรีส์มีอะไรใหม่ใน WebGPU

Chrome 142

Chrome 141

Chrome 140

Chrome 139

Chrome 138

Chrome 137

Chrome 136

Chrome 135

Chrome 134

Chrome 133

Chrome 132

Chrome 131

Chrome 130

Chrome 129

Chrome 128

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113