copyExternalImageToTexture()의 HTMLImageElement 및 ImageData 지원
GPUQueue
의 copyExternalImageToTexture()
메서드를 사용하면 소스 이미지, 동영상 또는 캔버스에서 만든 스냅샷을 지정된 GPUTexture
에 복사할 수 있습니다. 이제 HTMLImageElement
및 ImageData
객체를 소스로 전달할 수 있습니다. 다음 예시와 chromium:1471372 문제를 참고하세요.
// Fetch and decode image.
const source = document.createElement("img");
source.src = "my-image.png";
await source.decode();
// Create destination texture.
const size = [source.width, source.height];
const texture = myDevice.createTexture({
size,
format: "rgba8unorm",
usage:
GPUTextureUsage.COPY_DST |
GPUTextureUsage.RENDER_ATTACHMENT |
GPUTextureUsage.TEXTURE_BINDING,
});
// Copies a snapshot taken from the source image into a texture.
myDevice.queue.copyExternalImageToTexture({ source }, { texture }, size);
읽기/쓰기 저장소 텍스처 및 읽기 전용 저장소 텍스처의 실험적 지원
저장소 텍스처 결합 유형을 사용하면 샘플링 없이 텍스처 읽기를 실행하고 셰이더의 임의 위치에 저장할 수 있습니다. "chromium-experimental-read-write-storage-texture"
기능을 GPUAdapter
에서 사용할 수 있으면 이제 이 기능이 있는 GPUDevice
를 요청하고 바인드 그룹 레이아웃을 만들 때 GPUStorageTexture
액세스를 "read-write"
또는 "read-only"
로 설정할 수 있습니다. 이전에는 "write-only"
로 제한되었습니다.
이를 활용하려면 enable chromium_experimental_read_write_storage_texture
를 사용하여 WGSL 코드에서 이 확장 프로그램을 명시적으로 사용 설정해야 합니다. 사용 설정하면 저장소 텍스처에 read_write
및 read
액세스 한정자를 사용할 수 있으며, textureLoad()
및 textureStore()
기본 제공 함수가 그에 따라 동작하고, 새 textureBarrier()
기본 제공 함수를 사용하여 작업 그룹의 텍스처 메모리 액세스를 동기화할 수 있습니다. 다음 예와 issue dawn:1972를 참조하세요.
이 기능은 아직 실험 단계이며 변경될 수 있습니다. 표준화되는 동안 --enable-dawn-features=allow_unsafe_apis
플래그와 함께 Chrome을 실행하면 사용할 수 있습니다.
const feature = "chromium-experimental-read-write-storage-texture";
const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has(feature)) {
throw new Error("Read-write storage texture support is not available");
}
// Explicitly request read-write storage texture support.
const device = await adapter.requestDevice({
requiredFeatures: [feature],
});
const bindGroupLayout = device.createBindGroupLayout({
entries: [{
binding: 0,
visibility: GPUShaderStage.COMPUTE,
storageTexture: {
access: "read-write", // <-- New!
format: "r32uint",
},
}],
});
const shaderModule = device.createShaderModule({ code: `
enable chromium_experimental_read_write_storage_texture;
@group(0) @binding(0) var tex : texture_storage_2d<r32uint, read_write>;
@compute @workgroup_size(1, 1)
fn main(@builtin(local_invocation_id) local_id: vec3u) {
var data = textureLoad(tex, vec2i(local_id.xy));
data.x *= 2;
textureStore(tex, vec2i(local_id.xy), data);
}`,
});
// You can now create a compute pipeline with this shader module and
// send the appropriate commands to the GPU.
Dawn 업데이트
webgpu.h C API는 일관성을 위해 requiredFeaturesCount
를 requiredFeatureCount
, pipelineStatisticsCount
를 pipelineStatisticCount
, colorFormatsCount
를 colorFormatCount
로 이름을 바꿨습니다. 문제 dawn:146040을 참고하세요.
새로운 DawnInfo
프로그램 (vulkaninfo와 유사)을 사용하면 전환, 어댑터, 어댑터 기능, 어댑터 한도를 나열할 수 있습니다. 새벽 samples
을 빌드할 때 사용할 수 있습니다. 다음은 편의상 대폭 잘린 출력입니다. 변경 dawn:149020을 참고하세요.
./out/Debug/DawnInfo
Toggles
=======
Name: allow_unsafe_apis
Suppresses validation errors on API entry points or parameter combinations
that aren't considered secure yet.
http://crbug.com/1138528
[…]
Adapter
=======
VendorID: 0x106B
Vendor: apple
Architecture: common-3
DeviceID: 0x0000
Name: Apple M1 Pro
Driver description: Metal driver on macOS Version 13.5.1 (Build 22G90)
Adapter Type: discrete GPU
Backend Type: Metal
Power: <undefined>
Features
========
* depth_clip_control
Disable depth clipping of primitives to the clip volume
https://bugs.chromium.org/p/dawn/issues/detail?id=1178
[…]
Adapter Limits
==============
maxTextureDimension1D: 16,384
maxTextureDimension2D: 16,384
[…]
여기에는 주요 내용 중 일부만 다룹니다. 전체 커밋 목록을 확인하세요.
WebGPU의 새로운 기능
WebGPU의 새로운 기능 시리즈에서 다룬 모든 항목의 목록입니다.
Chrome 130
Chrome 129
Chrome 128
- 하위 그룹 실험
- 선 및 점에 대한 깊이 편향 설정 지원 중단
- preventDefault인 경우 포착되지 않은 오류 DevTools 경고 숨기기
- WGSL은 먼저 샘플링을 보간하고 다음 중 하나를 실행합니다.
- Dawn 업데이트
Chrome 127
Chrome 126
Chrome 125
Chrome 124
Chrome 123
- WGSL의 DP4a 내장 함수 지원
- WGSL의 제한되지 않은 포인터 매개변수
- WGSL에서 합성물 역참조를 위한 문법 슈가
- 스텐실 및 깊이 측면에 관한 별도의 읽기 전용 상태
- Dawn 업데이트
Chrome 122
Chrome 121
- Android에서 WebGPU 지원
- Windows에서 셰이더 컴파일에 FXC 대신 DXC 사용
- 컴퓨팅 및 렌더링 패스의 타임스탬프 쿼리
- 셰이더 모듈의 기본 진입점
- display-p3을 GPUExternalTexture 색상 공간으로 지원
- 메모리 힙 정보
- Dawn 업데이트
Chrome 120
Chrome 119
Chrome 118
copyExternalImageToTexture()
에서 HTMLImageElement 및 ImageData 지원- 읽기-쓰기 및 읽기 전용 저장소 텍스처를 실험적으로 지원합니다.
- Dawn 업데이트
Chrome 117
- 꼭짓점 버퍼 설정 해제
- 바인드 그룹 설정 해제
- 기기 연결이 끊겼을 때 비동기 파이프라인 생성 오류를 표시하지 않음
- SPIR-V 셰이더 모듈 만들기 업데이트
- 개발자 환경 개선
- 자동 생성된 레이아웃으로 파이프라인 캐싱
- Dawn 업데이트
Chrome 116
- WebCodecs 통합
- GPUAdapter
requestDevice()
에서 반환된 분실 기기 importExternalTexture()
가 호출될 경우 동영상을 원활하게 재생합니다.- 사양 준수
- 개발자 환경 개선
- Dawn 업데이트