WebGPU 기능 감지

거의 모든 웹브라우저가 WebGPU를 지원하지만 확인은 다음과 같이 할 수 있습니다.

const adapter = await navigator.gpu?.requestAdapter();
if (!adapter) {
  return;
}

WebGPU 지원과는 별개로 WebGPU에서 제공하는 기능은 그 단위마다 지원 여부를 확인해야할 필요는 있습니다. 이에 대한 코드는 다음과 같습니다.

const hasFloat32Filtering = adapter.features.has('float32-filterable');
const hasTimestamps = adapter.features.has('timestamp-query');