پشتیبانی از WebGPU در اندروید
تیم کروم با هیجان اعلام میکند که WebGPU اکنون به طور پیشفرض در کروم ۱۲۱ در دستگاههایی که اندروید ۱۲ و بالاتر دارند و از پردازندههای گرافیکی کوالکام و ARM استفاده میکنند، فعال شده است.
پشتیبانی به تدریج گسترش خواهد یافت تا طیف وسیعتری از دستگاههای اندرویدی، از جمله دستگاههایی که در آینده نزدیک با اندروید ۱۱ کار میکنند را در بر بگیرد. این گسترش به آزمایش و بهینهسازی بیشتر برای اطمینان از یک تجربه یکپارچه در طیف وسیعتری از پیکربندیهای سختافزاری بستگی دارد. به شماره Chrome:1497815 مراجعه کنید.

برای کامپایل سایهزن در ویندوز، به جای FXC از DXC استفاده کنید
کروم اکنون از قدرت DXC (کامپایلر دایرکتایکس) برای کامپایل سایهزنها در دستگاههای ویندوز D3D12 مجهز به سختافزار گرافیکی SM6+ استفاده میکند. پیش از این، WebGPU برای کامپایل سایهزنها در ویندوز به FXC (کامپایلر FX) متکی بود. FXC در حالی که کاربردی بود، فاقد مجموعه ویژگیها و بهینهسازیهای عملکرد موجود در DXC بود.
آزمایشهای اولیه نشان میدهد که هنگام استفاده از DXC در مقایسه با FXC، به طور متوسط 20 درصد افزایش در سرعت کامپایل سایهزن محاسباتی وجود دارد.
کوئریهای برچسب زمانی در پاسهای محاسبه و رندر
پرسوجوهای برچسب زمانی به برنامههای WebGPU اجازه میدهند تا دقیقاً (تا حد نانوثانیه) مدت زمان لازم برای اجرای دستورات GPU و رندر را اندازهگیری کنند. آنها به شدت برای کسب بینش در مورد عملکرد و رفتار بارهای کاری GPU مورد استفاده قرار میگیرند.
وقتی ویژگی "timestamp-query"
در GPUAdapter
در دسترس باشد، اکنون میتوانید کارهای زیر را انجام دهید:
- درخواست یک
GPUDevice
با ویژگی"timestamp-query"
. - یک
GPUQuerySet
از نوع"timestamp"
ایجاد کنید. - از
GPUComputePassDescriptor.timestampWrites
وGPURenderPassDescriptor.timestampWrites
برای تعریف محل نوشتن مقادیر timestamp درGPUQuerySet
استفاده کنید. - مقادیر timestamp را با استفاده از
resolveQuerySet()
در یکGPUBuffer
حل کنید. - با کپی کردن نتایج از
GPUBuffer
به CPU، مقادیر timestamp را دوباره بخوانید. - مقادیر timestamp را به صورت یک
BigInt64Array
رمزگشایی کنید.
به مثال زیر و شماره dawn:1800 مراجعه کنید.
const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("timestamp-query")) {
throw new Error("Timestamp query feature is not available");
}
// Explicitly request timestamp query feature.
const device = await adapter.requestDevice({
requiredFeatures: ["timestamp-query"],
});
const commandEncoder = device.createCommandEncoder();
// Create a GPUQuerySet which holds 2 timestamp query results: one for the
// beginning and one for the end of compute pass execution.
const querySet = device.createQuerySet({ type: "timestamp", count: 2 });
const timestampWrites = {
querySet,
beginningOfPassWriteIndex: 0, // Write timestamp in index 0 when pass begins.
endOfPassWriteIndex: 1, // Write timestamp in index 1 when pass ends.
};
const passEncoder = commandEncoder.beginComputePass({ timestampWrites });
// TODO: Set pipeline, bind group, and dispatch work to be performed.
passEncoder.end();
// Resolve timestamps in nanoseconds as a 64-bit unsigned integer into a GPUBuffer.
const size = 2 * BigInt64Array.BYTES_PER_ELEMENT;
const resolveBuffer = device.createBuffer({
size,
usage: GPUBufferUsage.QUERY_RESOLVE | GPUBufferUsage.COPY_SRC,
});
commandEncoder.resolveQuerySet(querySet, 0, 2, resolveBuffer, 0);
// Read GPUBuffer memory.
const resultBuffer = device.createBuffer({
size,
usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,
});
commandEncoder.copyBufferToBuffer(resolveBuffer, 0, resultBuffer, 0, size);
// Submit commands to the GPU.
device.queue.submit([commandEncoder.finish()]);
// Log compute pass duration in nanoseconds.
await resultBuffer.mapAsync(GPUMapMode.READ);
const times = new BigInt64Array(resultBuffer.getMappedRange());
console.log(`Compute pass duration: ${Number(times[1] - times[0])}ns`);
resultBuffer.unmap();
با توجه به نگرانیهای مربوط به حمله زمانبندی ، کوئریهای برچسب زمانی با وضوح ۱۰۰ میکروثانیه کوانتیزه میشوند که سازش خوبی بین دقت و امنیت ایجاد میکند. در مرورگر کروم، میتوانید کوانتیزه کردن برچسب زمانی را با فعال کردن پرچم "ویژگیهای توسعهدهنده WebGPU" در chrome://flags/#enable-webgpu-developer-features
در طول توسعه برنامه خود غیرفعال کنید. برای کسب اطلاعات بیشتر به کوانتیزه کردن کوئریهای برچسب زمانی مراجعه کنید.
از آنجایی که پردازندههای گرافیکی (GPU) ممکن است گاهی اوقات شمارندهی مهر زمانی (timestamp) را ریست کنند، که میتواند منجر به مقادیر غیرمنتظرهای مانند اختلاف منفی بین مهرهای زمانی شود، توصیه میکنم تغییرات git diff را که پشتیبانی از پرسوجوی مهر زمانی را به نمونهی Compute Boids زیر اضافه میکند، بررسی کنید.

نقاط ورودی پیشفرض به ماژولهای سایهزن
برای بهبود تجربه توسعهدهنده، اکنون میتوانید هنگام ایجاد یک خط لوله محاسبه یا رندر، entryPoint
ماژول shader خود را حذف کنید. اگر هیچ نقطه ورودی منحصر به فردی برای مرحله shader در کد shader یافت نشود، یک GPUValidationError فعال میشود. به مثال زیر و خطای dawn:2254 مراجعه کنید.
const code = `
@vertex fn vertexMain(@builtin(vertex_index) i : u32) ->
@builtin(position) vec4f {
const pos = array(vec2f(0, 1), vec2f(-1, -1), vec2f(1, -1));
return vec4f(pos[i], 0, 1);
}
@fragment fn fragmentMain() -> @location(0) vec4f {
return vec4f(1, 0, 0, 1);
}`;
const module = myDevice.createShaderModule({ code });
const format = navigator.gpu.getPreferredCanvasFormat();
const pipeline = await myDevice.createRenderPipelineAsync({
layout: "auto",
vertex: { module, entryPoint: "vertexMain" },
fragment: { module, entryPoint: "fragmentMain", targets: [{ format }] },
vertex: { module },
fragment: { module, targets: [{ format }] },
});
پشتیبانی از display-p3 به عنوان فضای رنگی GPUExternalTexture
اکنون میتوانید هنگام وارد کردن یک GPUExternalTexture از ویدیوهای HDR با استفاده از importExternalTexture()
، فضای رنگی مقصد را "display-p3"
تنظیم کنید. بررسی کنید که WebGPU چگونه فضاهای رنگی را مدیریت میکند. به مثال زیر مراجعه کنید و chroma:1330250 را اجرا کنید.
// Create texture from HDR video.
const video = document.querySelector("video");
const texture = myDevice.importExternalTexture({
source: video,
colorSpace: "display-p3",
});
اطلاعات مربوط به تودههای حافظه
برای کمک به شما در پیشبینی محدودیتهای حافظه هنگام تخصیص مقادیر زیاد در طول توسعه برنامه، requestAdapterInfo()
اکنون اطلاعات memoryHeaps
مانند اندازه و نوع هیپهای حافظه موجود در آداپتور را نمایش میدهد. این ویژگی آزمایشی فقط زمانی قابل دسترسی است که پرچم "WebGPU Developer Features" در chrome://flags/#enable-webgpu-developer-features
فعال باشد. به مثال زیر و issue dawn:2249 مراجعه کنید.
const adapter = await navigator.gpu.requestAdapter();
const adapterInfo = await adapter.requestAdapterInfo();
for (const { size, properties } of adapterInfo.memoryHeaps) {
console.log(size); // memory heap size in bytes
if (properties & GPUHeapProperty.DEVICE_LOCAL) { /* ... */ }
if (properties & GPUHeapProperty.HOST_VISIBLE) { /* ... */ }
if (properties & GPUHeapProperty.HOST_COHERENT) { /* ... */ }
if (properties & GPUHeapProperty.HOST_UNCACHED) { /* ... */ }
if (properties & GPUHeapProperty.HOST_CACHED) { /* ... */ }
}

بهروزرسانیهای سپیدهدم
متدهای HasWGSLLanguageFeature
و EnumerateWGSLLanguageFeatures
در wgpu::Instance
برای مدیریت ویژگیهای زبان WGSL اضافه شدهاند. به شماره dawn:2260 مراجعه کنید.
ویژگی غیر استاندارد wgpu::Feature::BufferMapExtendedUsages
به شما امکان میدهد با wgpu::BufferUsage::MapRead
یا wgpu::BufferUsage::MapWrite
و هر wgpu::BufferUsage
دیگری، یک بافر GPU ایجاد کنید. به مثال زیر و مشکل dawn:2204 توجه کنید.
wgpu::BufferDescriptor descriptor = {
.size = 128,
.usage = wgpu::BufferUsage::MapWrite | wgpu::BufferUsage::Uniform
};
wgpu::Buffer uniformBuffer = device.CreateBuffer(&descriptor);
uniformBuffer.MapAsync(wgpu::MapMode::Write, 0, 128,
[](WGPUBufferMapAsyncStatus status, void* userdata)
{
wgpu::Buffer* buffer = static_cast<wgpu::Buffer*>(userdata);
memcpy(buffer->GetMappedRange(), data, sizeof(data));
},
&uniformBuffer);
ویژگیهای زیر مستند شدهاند: اشتراکگذاری بافت ANGLE ، محافظت چندنخی D3D11 ، همگامسازی ضمنی دستگاه ، قالبهای بافت Norm16 ، پرسوجوی مهر زمانی درون گذرها ، ذخیرهسازی محلی پیکسل ، ویژگیهای سایهزن و قالبهای چندصفحهای .
تیم کروم یک مخزن رسمی گیتهاب برای داون ایجاد کرده است.
این فقط برخی از نکات برجسته کلیدی را پوشش میدهد. لیست جامع کامیتها را بررسی کنید.
ویژگیهای جدید WebGPU
فهرستی از تمام مواردی که در مجموعه «ویژگیهای جدید WebGPU» پوشش داده شده است.
کروم ۱۴۲
کروم ۱۴۱
- رنگ IR تکمیل شد
- تحلیل محدوده اعداد صحیح در کامپایلر WGSL
- بهروزرسانی SPIR-V 1.4 برای رابط کاربری Vulkan
- بهروزرسانیهای سپیدهدم
کروم ۱۴۰
- درخواستهای دستگاه، آداپتور را مصرف میکنند
- اختصار برای استفاده از بافت در جایی که از نمای بافت استفاده میشود
- WGSL textureSampleLevel از بافتهای تکبعدی پشتیبانی میکند.
- استفاده از بافت ذخیرهسازی فقط خواندنی bgra8unorm را منسوخ کنید
- ویژگی isFallbackAdapter مربوط به GPUAdapter را حذف کنید
- بهروزرسانیهای سپیدهدم
کروم ۱۳۹
- پشتیبانی از بافت سهبعدی برای فرمتهای فشرده BC و ASTC
- ویژگی جدید «ویژگیهای اصلی و محدودیتها»
- نسخه آزمایشی Origin برای حالت سازگاری با WebGPU
- بهروزرسانیهای سپیدهدم
کروم ۱۳۸
- مختصر نویسی برای استفاده از بافر به عنوان منبع اتصال
- تغییرات اندازه مورد نیاز برای بافرهای نگاشت شده در زمان ایجاد
- گزارش معماری برای پردازندههای گرافیکی اخیر
- منسوخ کردن ویژگی isFallbackAdapter در GPUAdapter
- بهروزرسانیهای سپیدهدم
کروم ۱۳۷
- استفاده از نمای بافت برای اتصال خارجی بافت
- بافرها بدون مشخص کردن آفستها و اندازه، کپی میکنند
- بارگذاری یکنواخت گروه کاری WGSL با استفاده از اشارهگر به اتمی
- ویژگی powerPreference آداپتور GPU
- ویژگی سازگاری GPURequestAdapterOptions را حذف کنید.
- بهروزرسانیهای سپیدهدم
کروم ۱۳۶
- GPUAdapterInfo ویژگی آداپتور برگشتی است
- بهبود زمان کامپایل شیدر در D3D12
- تصاویر بوم را ذخیره و کپی کنید
- محدودیتهای حالت سازگاری را بردارید
- بهروزرسانیهای سپیدهدم
کروم ۱۳۵
- اجازه ایجاد طرح خط لوله با طرح گروه اتصال تهی
- اجازه دهید نماها از مرزهای اهداف رندر فراتر روند
- دسترسی آسانتر به حالت سازگاری آزمایشی در اندروید
- حذف محدودیت maxInterStageShaderComponents
- بهروزرسانیهای سپیدهدم
کروم ۱۳۴
- بهبود حجم کار یادگیری ماشین با زیرگروهها
- حذف پشتیبانی از انواع بافتهای قابل فیلتر شدن با شناور به عنوان بافتهای قابل ترکیب
- بهروزرسانیهای سپیدهدم
کروم ۱۳۳
- فرمتهای رأس اضافی unorm8x4-bgra و 1-component
- اجازه دهید محدودیتهای ناشناخته با مقدار نامشخص درخواست شوند
- تغییرات قوانین ترازبندی WGSL
- افزایش عملکرد WGSL با حذف
- استفاده از VideoFrame displaySize برای بافتهای خارجی
- مدیریت تصاویر با جهتهای غیر پیشفرض با استفاده از copyExternalImageToTexture
- بهبود تجربه توسعهدهنده
- فعال کردن حالت سازگاری با featureLevel
- پاکسازی ویژگیهای زیرگروه آزمایشی
- محدودیت maxInterStageShaderComponents را منسوخ کنید
- بهروزرسانیهای سپیدهدم
کروم ۱۳۲
- استفاده از نمای بافت
- ترکیب بافتهای شناور ۳۲ بیتی
- ویژگی اطلاعات آداپتور GPUDevice
- پیکربندی زمینه بوم با قالب نامعتبر، خطای جاوا اسکریپت ایجاد میکند
- فیلتر کردن محدودیتهای نمونهبرداری روی بافتها
- آزمایش زیرگروههای توسعهیافته
- بهبود تجربه توسعهدهنده
- پشتیبانی آزمایشی از فرمتهای بافت نرمالشدهی ۱۶ بیتی
- بهروزرسانیهای سپیدهدم
کروم ۱۳۱
- فواصل برش در WGSL
- تابع ()GPUCanvasContext getConfiguration
- اشکال هندسی اولیه نقطه و خط نباید دارای بایاس عمق باشند.
- توابع داخلی اسکن فراگیر برای زیرگروهها
- پشتیبانی آزمایشی از چند ترسیم غیرمستقیم
- گزینه کامپایل ماژول شیدر با محاسبات دقیق
- حذف تابع requestAdapterInfo() در کارت گرافیک GPUAdapter
- بهروزرسانیهای سپیدهدم
کروم ۱۳۰
- ترکیب دو منبعی
- بهبود زمان کامپایل شیدر در Metal
- منسوخ شدن تابع GPUAdapter requestAdapterInfo()
- بهروزرسانیهای سپیدهدم
کروم ۱۲۹
کروم ۱۲۸
- آزمایش با زیرگروهها
- منسوخ کردن تنظیم بایاس عمق برای خطوط و نقاط
- اگر preventDefault خطای ضبط نشده را پنهان کنید، هشدار DevTools
- ابتدا نمونهبرداری درونیابی WGSL و یا
- بهروزرسانیهای سپیدهدم
کروم ۱۲۷
- پشتیبانی آزمایشی از OpenGL ES در اندروید
- ویژگی اطلاعات GPUAdapter
- بهبودهای تعامل وباسمبلی
- بهبود خطاهای انکودر فرمان
- بهروزرسانیهای سپیدهدم
کروم ۱۲۶
- افزایش محدودیت maxTextureArrayLayers
- بهینهسازی آپلود بافر برای بکاند ولکان
- بهبود زمان کامپایل سایهزن
- بافرهای دستور ارسالی باید منحصر به فرد باشند
- بهروزرسانیهای سپیدهدم
کروم ۱۲۵
کروم ۱۲۴
- بافتهای ذخیرهسازی فقط خواندنی و خواندنی-نوشتنی
- پشتیبانی از کارگران خدماتی و کارگران اشتراکی
- ویژگیهای اطلاعات آداپتور جدید
- رفع اشکالات
- بهروزرسانیهای سپیدهدم
کروم ۱۲۳
- پشتیبانی از توابع داخلی DP4a در WGSL
- پارامترهای اشارهگر بدون محدودیت در WGSL
- شکر نحوی برای ارجاعزدایی از ترکیبات در WGSL
- حالت فقط خواندنی جداگانه برای استنسیل و جنبههای عمق
- بهروزرسانیهای سپیدهدم
کروم ۱۲۲
- گسترش دسترسی با حالت سازگاری (ویژگی در حال توسعه)
- افزایش محدودیت maxVertexAttributes
- بهروزرسانیهای سپیدهدم
کروم ۱۲۱
- پشتیبانی از WebGPU در اندروید
- برای کامپایل سایهزن در ویندوز، به جای FXC از DXC استفاده کنید
- کوئریهای برچسب زمانی در پاسهای محاسبه و رندر
- نقاط ورودی پیشفرض به ماژولهای سایهزن
- پشتیبانی از display-p3 به عنوان فضای رنگی GPUExternalTexture
- اطلاعات مربوط به تودههای حافظه
- بهروزرسانیهای سپیدهدم
کروم ۱۲۰
- پشتیبانی از مقادیر ممیز شناور ۱۶ بیتی در WGSL
- محدودیتها را کنار بزنید
- تغییرات در حالت عمق شابلون
- بهروزرسانیهای اطلاعات آداپتور
- کوئستیزاسیون کوئستسنجی کوئستسنجی کوئستسنجی با مهر زمانی
- ویژگیهای نظافت بهاری
کروم ۱۱۹
- بافتهای شناور ۳۲ بیتی قابل فیلتر
- قالب رأس unorm10-10-10-2
- فرمت بافت rgb10a2uint
- بهروزرسانیهای سپیدهدم
کروم ۱۱۸
- پشتیبانی از HTMLImageElement و ImageData در
copyExternalImageToTexture()
- پشتیبانی آزمایشی از بافت ذخیرهسازی خواندنی-نوشتنی و فقط خواندنی
- بهروزرسانیهای سپیدهدم
کروم ۱۱۷
- بافر رأس را غیرفعال کنید
- گروه اتصال را غیرفعال کنید
- خطاهای ناشی از ایجاد خط لوله ناهمگام را هنگام از دست رفتن دستگاه، بیصدا کنید
- بهروزرسانیهای ایجاد ماژول سایهزن SPIR-V
- بهبود تجربه توسعهدهنده
- ذخیره سازی خطوط لوله با طرح بندی خودکار تولید شده
- بهروزرسانیهای سپیدهدم
کروم ۱۱۶
- ادغام WebCodecs
- دستگاه گمشده توسط
requestDevice()
از نوع GPUAdapter بازگردانده میشود. - اگر تابع
importExternalTexture()
فراخوانی شود، پخش ویدیو روان خواهد بود. - انطباق با مشخصات
- بهبود تجربه توسعهدهنده
- بهروزرسانیهای سپیدهدم
کروم ۱۱۵
- افزونههای زبان WGSL پشتیبانیشده
- پشتیبانی آزمایشی از Direct3D 11
- به طور پیش فرض از پردازنده گرافیکی مجزا با برق AC استفاده کنید
- بهبود تجربه توسعهدهنده
- بهروزرسانیهای سپیدهدم
کروم ۱۱۴
- بهینهسازی جاوا اسکریپت
- تابع ()getCurrentTexture روی بوم پیکربندی نشده، خطای InvalidStateError را نمایش میدهد.
- بهروزرسانیهای WGSL
- بهروزرسانیهای سپیدهدم