Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
GPU
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Contexto seguro: Esta función está disponible solo encontextos seguros (HTTPS), en algunos o todos losnavegadores que lo soportan.
Nota: Esta característica está disponible enWeb Workers.
La interfazGPU de laAPI de WebGPU es el punto de entrada para usar WebGPU. Se puede usar para devolver unGPUAdapter desde el cual puedes solicitar dispositivos, configurar características, límites y más.
El objetoGPU para el contexto actual se accede mediante las propiedadesNavigator.gpu oWorkerNavigator.gpu.
Propiedades de la instancia
wgslLanguageFeaturesRead onlyUn objeto
WGSLLanguageFeaturesque reporta lasextensiones del lenguaje WGSL soportadas por la implementación de WebGPU.
Métodos de la instancia
requestAdapter()Devuelve una
Promiseque se resuelve con una instancia del objetoGPUAdapter. Desde aquí puedes solicitar unGPUDevice, que es la interfaz principal para usar la funcionalidad de WebGPU.getPreferredCanvasFormat()Devuelve el formato óptimo de textura para el canvas para renderizar contenido de 8 bits y rango dinámico estándar en el sistema actual.
Ejemplos
Solicitar un adaptador y un dispositivo
async function init() { if (!navigator.gpu) { throw Error("WebGPU no está soportado."); } const adapter = await navigator.gpu.requestAdapter(); if (!adapter) { throw Error("No se pudo solicitar un adaptador de WebGPU."); } const device = await adapter.requestDevice(); // …}Configurar un GPUCanvasContext con el formato de textura óptimo
const canvas = document.querySelector("#gpuCanvas");const context = canvas.getContext("webgpu");context.configure({ device, format: navigator.gpu.getPreferredCanvasFormat(), alphaMode: "premultiplied",});Especificaciones
| Specification |
|---|
| WebGPU # gpu-interface |