@luma.gl/webgpu 9.0.0-alpha.16 → 9.0.0-alpha.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/adapter/helpers/accessor-to-format.js +1 -100
- package/dist/adapter/helpers/accessor-to-format.js.map +1 -0
- package/dist/adapter/helpers/convert-texture-format.d.ts +1 -1
- package/dist/adapter/helpers/convert-texture-format.js +5 -5
- package/dist/adapter/helpers/convert-texture-format.js.map +1 -0
- package/dist/adapter/helpers/generate-mipmaps.d.ts +1 -1
- package/dist/adapter/helpers/generate-mipmaps.js +85 -88
- package/dist/adapter/helpers/generate-mipmaps.js.map +1 -0
- package/dist/adapter/helpers/get-bind-group.d.ts +1 -1
- package/dist/adapter/helpers/get-bind-group.d.ts.map +1 -1
- package/dist/adapter/helpers/get-bind-group.js +39 -54
- package/dist/adapter/helpers/get-bind-group.js.map +1 -0
- package/dist/adapter/helpers/get-vertex-buffer-layout.d.ts +1 -1
- package/dist/adapter/helpers/get-vertex-buffer-layout.js +72 -97
- package/dist/adapter/helpers/get-vertex-buffer-layout.js.map +1 -0
- package/dist/adapter/helpers/webgpu-parameters.d.ts +1 -1
- package/dist/adapter/helpers/webgpu-parameters.js +125 -182
- package/dist/adapter/helpers/webgpu-parameters.js.map +1 -0
- package/dist/adapter/resources/webgpu-buffer.d.ts +2 -2
- package/dist/adapter/resources/webgpu-buffer.d.ts.map +1 -1
- package/dist/adapter/resources/webgpu-buffer.js +63 -57
- package/dist/adapter/resources/webgpu-buffer.js.map +1 -0
- package/dist/adapter/resources/webgpu-command-encoder.d.ts +2 -2
- package/dist/adapter/resources/webgpu-command-encoder.d.ts.map +1 -1
- package/dist/adapter/resources/webgpu-command-encoder.js +46 -47
- package/dist/adapter/resources/webgpu-command-encoder.js.map +1 -0
- package/dist/adapter/resources/webgpu-compute-pass.d.ts +2 -2
- package/dist/adapter/resources/webgpu-compute-pass.d.ts.map +1 -1
- package/dist/adapter/resources/webgpu-compute-pass.js +41 -51
- package/dist/adapter/resources/webgpu-compute-pass.js.map +1 -0
- package/dist/adapter/resources/webgpu-compute-pipeline.d.ts +2 -2
- package/dist/adapter/resources/webgpu-compute-pipeline.d.ts.map +1 -1
- package/dist/adapter/resources/webgpu-compute-pipeline.js +20 -22
- package/dist/adapter/resources/webgpu-compute-pipeline.js.map +1 -0
- package/dist/adapter/resources/webgpu-external-texture.d.ts +2 -2
- package/dist/adapter/resources/webgpu-external-texture.d.ts.map +1 -1
- package/dist/adapter/resources/webgpu-external-texture.js +20 -26
- package/dist/adapter/resources/webgpu-external-texture.js.map +1 -0
- package/dist/adapter/resources/webgpu-framebuffer.d.ts +2 -2
- package/dist/adapter/resources/webgpu-framebuffer.d.ts.map +1 -1
- package/dist/adapter/resources/webgpu-framebuffer.js +86 -89
- package/dist/adapter/resources/webgpu-framebuffer.js.map +1 -0
- package/dist/adapter/resources/webgpu-query.js +1 -42
- package/dist/adapter/resources/webgpu-query.js.map +1 -0
- package/dist/adapter/resources/webgpu-render-pass.d.ts +2 -2
- package/dist/adapter/resources/webgpu-render-pass.d.ts.map +1 -1
- package/dist/adapter/resources/webgpu-render-pass.js +70 -64
- package/dist/adapter/resources/webgpu-render-pass.js.map +1 -0
- package/dist/adapter/resources/webgpu-render-pipeline.d.ts +2 -2
- package/dist/adapter/resources/webgpu-render-pipeline.d.ts.map +1 -1
- package/dist/adapter/resources/webgpu-render-pipeline.js +118 -158
- package/dist/adapter/resources/webgpu-render-pipeline.js.map +1 -0
- package/dist/adapter/resources/webgpu-sampler.d.ts +3 -3
- package/dist/adapter/resources/webgpu-sampler.d.ts.map +1 -1
- package/dist/adapter/resources/webgpu-sampler.js +16 -16
- package/dist/adapter/resources/webgpu-sampler.js.map +1 -0
- package/dist/adapter/resources/webgpu-shader.d.ts +3 -3
- package/dist/adapter/resources/webgpu-shader.d.ts.map +1 -1
- package/dist/adapter/resources/webgpu-shader.js +44 -47
- package/dist/adapter/resources/webgpu-shader.js.map +1 -0
- package/dist/adapter/resources/webgpu-texture.d.ts +3 -2
- package/dist/adapter/resources/webgpu-texture.d.ts.map +1 -1
- package/dist/adapter/resources/webgpu-texture.js +87 -100
- package/dist/adapter/resources/webgpu-texture.js.map +1 -0
- package/dist/adapter/webgpu-canvas-context.d.ts +2 -2
- package/dist/adapter/webgpu-canvas-context.d.ts.map +1 -1
- package/dist/adapter/webgpu-canvas-context.js +68 -77
- package/dist/adapter/webgpu-canvas-context.js.map +1 -0
- package/dist/adapter/webgpu-device.d.ts +2 -2
- package/dist/adapter/webgpu-device.d.ts.map +1 -1
- package/dist/adapter/webgpu-device.js +194 -215
- package/dist/adapter/webgpu-device.js.map +1 -0
- package/dist/adapter/webgpu-types.js +2 -0
- package/dist/adapter/webgpu-types.js.map +1 -0
- package/dist/dist.dev.js +3061 -0
- package/dist/glsl/glsllang.js +6 -9
- package/dist/glsl/glsllang.js.map +1 -0
- package/dist/index.cjs +1442 -0
- package/dist/index.d.ts +1 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -10
- package/dist/index.js.map +1 -0
- package/dist.min.js +17 -0
- package/package.json +17 -8
- package/src/adapter/helpers/generate-mipmaps.ts +1 -1
- package/src/adapter/helpers/get-bind-group.ts +1 -1
- package/src/adapter/helpers/get-vertex-buffer-layout.ts +2 -2
- package/src/adapter/helpers/webgpu-parameters.ts +9 -9
- package/src/adapter/resources/webgpu-buffer.ts +1 -1
- package/src/adapter/resources/webgpu-command-encoder.ts +4 -4
- package/src/adapter/resources/webgpu-compute-pass.ts +1 -1
- package/src/adapter/resources/webgpu-compute-pipeline.ts +1 -1
- package/src/adapter/resources/webgpu-external-texture.ts +1 -1
- package/src/adapter/resources/webgpu-framebuffer.ts +6 -6
- package/src/adapter/resources/webgpu-query.ts +1 -1
- package/src/adapter/resources/webgpu-render-pass.ts +1 -1
- package/src/adapter/resources/webgpu-render-pipeline.ts +3 -3
- package/src/adapter/resources/webgpu-sampler.ts +1 -1
- package/src/adapter/resources/webgpu-shader.ts +3 -1
- package/src/adapter/resources/webgpu-texture.ts +1 -1
- package/src/adapter/webgpu-canvas-context.ts +1 -1
- package/src/adapter/webgpu-device.ts +3 -2
- package/src/index.ts +2 -5
- package/dist/bundle.d.ts +0 -2
- package/dist/bundle.d.ts.map +0 -1
- package/dist/bundle.js +0 -4
- package/dist/dist.js +0 -8051
- package/dist/dist.min.js +0 -1
- package/dist/es5/adapter/helpers/accessor-to-format.js +0 -2
- package/dist/es5/adapter/helpers/accessor-to-format.js.map +0 -1
- package/dist/es5/adapter/helpers/convert-texture-format.js +0 -13
- package/dist/es5/adapter/helpers/convert-texture-format.js.map +0 -1
- package/dist/es5/adapter/helpers/generate-mipmaps.js +0 -103
- package/dist/es5/adapter/helpers/generate-mipmaps.js.map +0 -1
- package/dist/es5/adapter/helpers/get-bind-group.js +0 -66
- package/dist/es5/adapter/helpers/get-bind-group.js.map +0 -1
- package/dist/es5/adapter/helpers/get-vertex-buffer-layout.js +0 -149
- package/dist/es5/adapter/helpers/get-vertex-buffer-layout.js.map +0 -1
- package/dist/es5/adapter/helpers/webgpu-parameters.js +0 -150
- package/dist/es5/adapter/helpers/webgpu-parameters.js.map +0 -1
- package/dist/es5/adapter/resources/webgpu-buffer.js +0 -131
- package/dist/es5/adapter/resources/webgpu-buffer.js.map +0 -1
- package/dist/es5/adapter/resources/webgpu-command-encoder.js +0 -90
- package/dist/es5/adapter/resources/webgpu-command-encoder.js.map +0 -1
- package/dist/es5/adapter/resources/webgpu-compute-pass.js +0 -85
- package/dist/es5/adapter/resources/webgpu-compute-pass.js.map +0 -1
- package/dist/es5/adapter/resources/webgpu-compute-pipeline.js +0 -48
- package/dist/es5/adapter/resources/webgpu-compute-pipeline.js.map +0 -1
- package/dist/es5/adapter/resources/webgpu-external-texture.js +0 -50
- package/dist/es5/adapter/resources/webgpu-external-texture.js.map +0 -1
- package/dist/es5/adapter/resources/webgpu-framebuffer.js +0 -126
- package/dist/es5/adapter/resources/webgpu-framebuffer.js.map +0 -1
- package/dist/es5/adapter/resources/webgpu-query.js +0 -2
- package/dist/es5/adapter/resources/webgpu-query.js.map +0 -1
- package/dist/es5/adapter/resources/webgpu-render-pass.js +0 -124
- package/dist/es5/adapter/resources/webgpu-render-pass.js.map +0 -1
- package/dist/es5/adapter/resources/webgpu-render-pipeline.js +0 -185
- package/dist/es5/adapter/resources/webgpu-render-pipeline.js.map +0 -1
- package/dist/es5/adapter/resources/webgpu-sampler.js +0 -45
- package/dist/es5/adapter/resources/webgpu-sampler.js.map +0 -1
- package/dist/es5/adapter/resources/webgpu-shader.js +0 -125
- package/dist/es5/adapter/resources/webgpu-shader.js.map +0 -1
- package/dist/es5/adapter/resources/webgpu-texture.js +0 -138
- package/dist/es5/adapter/resources/webgpu-texture.js.map +0 -1
- package/dist/es5/adapter/webgpu-canvas-context.js +0 -111
- package/dist/es5/adapter/webgpu-canvas-context.js.map +0 -1
- package/dist/es5/adapter/webgpu-device.js +0 -317
- package/dist/es5/adapter/webgpu-device.js.map +0 -1
- package/dist/es5/adapter/webgpu-types.js +0 -2
- package/dist/es5/adapter/webgpu-types.js.map +0 -1
- package/dist/es5/bundle.js +0 -6
- package/dist/es5/bundle.js.map +0 -1
- package/dist/es5/glsl/glsllang.js +0 -47
- package/dist/es5/glsl/glsllang.js.map +0 -1
- package/dist/es5/index.js +0 -44
- package/dist/es5/index.js.map +0 -1
- package/dist/es5/init.js +0 -7
- package/dist/es5/init.js.map +0 -1
- package/dist/esm/adapter/helpers/accessor-to-format.js +0 -2
- package/dist/esm/adapter/helpers/accessor-to-format.js.map +0 -1
- package/dist/esm/adapter/helpers/convert-texture-format.js +0 -7
- package/dist/esm/adapter/helpers/convert-texture-format.js.map +0 -1
- package/dist/esm/adapter/helpers/generate-mipmaps.js +0 -88
- package/dist/esm/adapter/helpers/generate-mipmaps.js.map +0 -1
- package/dist/esm/adapter/helpers/get-bind-group.js +0 -51
- package/dist/esm/adapter/helpers/get-bind-group.js.map +0 -1
- package/dist/esm/adapter/helpers/get-vertex-buffer-layout.js +0 -83
- package/dist/esm/adapter/helpers/get-vertex-buffer-layout.js.map +0 -1
- package/dist/esm/adapter/helpers/webgpu-parameters.js +0 -137
- package/dist/esm/adapter/helpers/webgpu-parameters.js.map +0 -1
- package/dist/esm/adapter/resources/webgpu-buffer.js +0 -70
- package/dist/esm/adapter/resources/webgpu-buffer.js.map +0 -1
- package/dist/esm/adapter/resources/webgpu-command-encoder.js +0 -49
- package/dist/esm/adapter/resources/webgpu-command-encoder.js.map +0 -1
- package/dist/esm/adapter/resources/webgpu-compute-pass.js +0 -44
- package/dist/esm/adapter/resources/webgpu-compute-pass.js.map +0 -1
- package/dist/esm/adapter/resources/webgpu-compute-pipeline.js +0 -23
- package/dist/esm/adapter/resources/webgpu-compute-pipeline.js.map +0 -1
- package/dist/esm/adapter/resources/webgpu-external-texture.js +0 -23
- package/dist/esm/adapter/resources/webgpu-external-texture.js.map +0 -1
- package/dist/esm/adapter/resources/webgpu-framebuffer.js +0 -93
- package/dist/esm/adapter/resources/webgpu-framebuffer.js.map +0 -1
- package/dist/esm/adapter/resources/webgpu-query.js +0 -2
- package/dist/esm/adapter/resources/webgpu-query.js.map +0 -1
- package/dist/esm/adapter/resources/webgpu-render-pass.js +0 -79
- package/dist/esm/adapter/resources/webgpu-render-pass.js.map +0 -1
- package/dist/esm/adapter/resources/webgpu-render-pipeline.js +0 -130
- package/dist/esm/adapter/resources/webgpu-render-pipeline.js.map +0 -1
- package/dist/esm/adapter/resources/webgpu-sampler.js +0 -20
- package/dist/esm/adapter/resources/webgpu-sampler.js.map +0 -1
- package/dist/esm/adapter/resources/webgpu-shader.js +0 -50
- package/dist/esm/adapter/resources/webgpu-shader.js.map +0 -1
- package/dist/esm/adapter/resources/webgpu-texture.js +0 -95
- package/dist/esm/adapter/resources/webgpu-texture.js.map +0 -1
- package/dist/esm/adapter/webgpu-canvas-context.js +0 -74
- package/dist/esm/adapter/webgpu-canvas-context.js.map +0 -1
- package/dist/esm/adapter/webgpu-device.js +0 -196
- package/dist/esm/adapter/webgpu-device.js.map +0 -1
- package/dist/esm/adapter/webgpu-types.js +0 -2
- package/dist/esm/adapter/webgpu-types.js.map +0 -1
- package/dist/esm/bundle.js +0 -4
- package/dist/esm/bundle.js.map +0 -1
- package/dist/esm/glsl/glsllang.js +0 -9
- package/dist/esm/glsl/glsllang.js.map +0 -1
- package/dist/esm/index.js +0 -8
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/init.js +0 -4
- package/dist/esm/init.js.map +0 -1
- package/dist/init.d.ts +0 -2
- package/dist/init.d.ts.map +0 -1
- package/dist/init.js +0 -3
- package/src/bundle.ts +0 -4
- package/src/init.ts +0 -4
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import { RenderPipeline, cast, log, isObjectEmpty } from '@luma.gl/api';
|
|
3
|
-
import { applyParametersToRenderPipelineDescriptor } from '../helpers/webgpu-parameters';
|
|
4
|
-
import { getWebGPUTextureFormat } from '../helpers/convert-texture-format';
|
|
5
|
-
import { getBindGroup } from '../helpers/get-bind-group';
|
|
6
|
-
import { getVertexBufferLayout, getBufferSlots } from '../helpers/get-vertex-buffer-layout';
|
|
7
|
-
export default class WebGPURenderPipeline extends RenderPipeline {
|
|
8
|
-
constructor(device, props) {
|
|
9
|
-
super(device, props);
|
|
10
|
-
_defineProperty(this, "device", void 0);
|
|
11
|
-
_defineProperty(this, "handle", void 0);
|
|
12
|
-
_defineProperty(this, "vs", void 0);
|
|
13
|
-
_defineProperty(this, "fs", null);
|
|
14
|
-
_defineProperty(this, "_bufferSlots", void 0);
|
|
15
|
-
_defineProperty(this, "_buffers", void 0);
|
|
16
|
-
_defineProperty(this, "_indexBuffer", null);
|
|
17
|
-
_defineProperty(this, "_bindGroupLayout", void 0);
|
|
18
|
-
_defineProperty(this, "_bindGroup", null);
|
|
19
|
-
this.device = device;
|
|
20
|
-
this.handle = this.props.handle || this.createHandle();
|
|
21
|
-
this.handle.label = this.props.id;
|
|
22
|
-
this.vs = cast(props.vs);
|
|
23
|
-
this.fs = cast(props.fs);
|
|
24
|
-
this._bufferSlots = getBufferSlots(this.props.layout, this.props.bufferMap);
|
|
25
|
-
this._buffers = new Array(Object.keys(this._bufferSlots).length).fill(null);
|
|
26
|
-
this._bindGroupLayout = this.handle.getBindGroupLayout(0);
|
|
27
|
-
}
|
|
28
|
-
createHandle() {
|
|
29
|
-
const descriptor = this._getRenderPipelineDescriptor();
|
|
30
|
-
const renderPipeline = this.device.handle.createRenderPipeline(descriptor);
|
|
31
|
-
log.groupCollapsed(1, "new WebGPRenderPipeline(".concat(this.id, ")"))();
|
|
32
|
-
log.log(1, JSON.stringify(descriptor, null, 2))();
|
|
33
|
-
log.groupEnd(1)();
|
|
34
|
-
return renderPipeline;
|
|
35
|
-
}
|
|
36
|
-
destroy() {}
|
|
37
|
-
setIndexBuffer(indexBuffer) {
|
|
38
|
-
this._indexBuffer = cast(indexBuffer);
|
|
39
|
-
}
|
|
40
|
-
setAttributes(attributes) {
|
|
41
|
-
for (const [name, buffer] of Object.entries(attributes)) {
|
|
42
|
-
const bufferIndex = this._bufferSlots[name];
|
|
43
|
-
if (bufferIndex >= 0) {
|
|
44
|
-
this._buffers[bufferIndex] = buffer;
|
|
45
|
-
} else {
|
|
46
|
-
throw new Error("Setting attribute '".concat(name, "' not listed in shader layout for program ").concat(this.id));
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
setBindings(bindings) {
|
|
51
|
-
if (!isObjectEmpty(this.props.bindings)) {
|
|
52
|
-
Object.assign(this.props.bindings, bindings);
|
|
53
|
-
this._bindGroup = getBindGroup(this.device.handle, this._bindGroupLayout, this.props.layout, this.props.bindings);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
setUniforms(uniforms) {
|
|
57
|
-
if (!isObjectEmpty(uniforms)) {
|
|
58
|
-
throw new Error('WebGPU does not support uniforms');
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
_getBuffers() {
|
|
62
|
-
return this._buffers;
|
|
63
|
-
}
|
|
64
|
-
_getBindGroup() {
|
|
65
|
-
return this._bindGroup;
|
|
66
|
-
}
|
|
67
|
-
_getRenderPipelineDescriptor() {
|
|
68
|
-
const vertex = {
|
|
69
|
-
module: cast(this.props.vs).handle,
|
|
70
|
-
entryPoint: this.props.vsEntryPoint || 'main',
|
|
71
|
-
buffers: getVertexBufferLayout(this.props.layout, this.props.bufferMap)
|
|
72
|
-
};
|
|
73
|
-
let fragment;
|
|
74
|
-
if (this.props.fs) {
|
|
75
|
-
var _this$device, _this$device$canvasCo;
|
|
76
|
-
fragment = {
|
|
77
|
-
module: cast(this.props.fs).handle,
|
|
78
|
-
entryPoint: this.props.fsEntryPoint || 'main',
|
|
79
|
-
targets: [{
|
|
80
|
-
format: getWebGPUTextureFormat((_this$device = this.device) === null || _this$device === void 0 ? void 0 : (_this$device$canvasCo = _this$device.canvasContext) === null || _this$device$canvasCo === void 0 ? void 0 : _this$device$canvasCo.format)
|
|
81
|
-
}]
|
|
82
|
-
};
|
|
83
|
-
}
|
|
84
|
-
switch (this.props.topology) {
|
|
85
|
-
case 'triangle-fan':
|
|
86
|
-
case 'line-loop':
|
|
87
|
-
throw new Error("WebGPU does not support primitive topology ".concat(this.props.topology));
|
|
88
|
-
default:
|
|
89
|
-
}
|
|
90
|
-
let descriptor = {
|
|
91
|
-
vertex,
|
|
92
|
-
fragment,
|
|
93
|
-
primitive: {
|
|
94
|
-
topology: this.props.topology
|
|
95
|
-
},
|
|
96
|
-
layout: 'auto'
|
|
97
|
-
};
|
|
98
|
-
applyParametersToRenderPipelineDescriptor(descriptor, this.props.parameters);
|
|
99
|
-
return descriptor;
|
|
100
|
-
}
|
|
101
|
-
draw(options) {
|
|
102
|
-
const webgpuRenderPass = cast(options.renderPass) || this.device.getDefaultRenderPass();
|
|
103
|
-
webgpuRenderPass.handle.setPipeline(this.handle);
|
|
104
|
-
const bindGroup = this._getBindGroup();
|
|
105
|
-
if (bindGroup) {
|
|
106
|
-
webgpuRenderPass.handle.setBindGroup(0, bindGroup);
|
|
107
|
-
}
|
|
108
|
-
this._setAttributeBuffers(webgpuRenderPass);
|
|
109
|
-
if (options.indexCount) {
|
|
110
|
-
webgpuRenderPass.handle.drawIndexed(options.indexCount, options.instanceCount, options.firstIndex, options.baseVertex, options.firstInstance);
|
|
111
|
-
} else {
|
|
112
|
-
webgpuRenderPass.handle.draw(options.vertexCount || 0, options.instanceCount, options.firstIndex, options.firstInstance);
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
_setAttributeBuffers(webgpuRenderPass) {
|
|
116
|
-
if (this._indexBuffer) {
|
|
117
|
-
webgpuRenderPass.handle.setIndexBuffer(this._indexBuffer.handle, this._indexBuffer.props.indexType);
|
|
118
|
-
}
|
|
119
|
-
const buffers = this._getBuffers();
|
|
120
|
-
for (let i = 0; i < buffers.length; ++i) {
|
|
121
|
-
const buffer = cast(buffers[i]);
|
|
122
|
-
if (!buffer) {
|
|
123
|
-
const attribute = this.props.layout.attributes.find(attribute => attribute.location === i);
|
|
124
|
-
throw new Error("No buffer provided for attribute '".concat((attribute === null || attribute === void 0 ? void 0 : attribute.name) || '', "' in Model '").concat(this.props.id, "'"));
|
|
125
|
-
}
|
|
126
|
-
webgpuRenderPass.handle.setVertexBuffer(i, buffer.handle);
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
//# sourceMappingURL=webgpu-render-pipeline.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"webgpu-render-pipeline.js","names":["RenderPipeline","cast","log","isObjectEmpty","applyParametersToRenderPipelineDescriptor","getWebGPUTextureFormat","getBindGroup","getVertexBufferLayout","getBufferSlots","WebGPURenderPipeline","constructor","device","props","_defineProperty","handle","createHandle","label","id","vs","fs","_bufferSlots","layout","bufferMap","_buffers","Array","Object","keys","length","fill","_bindGroupLayout","getBindGroupLayout","descriptor","_getRenderPipelineDescriptor","renderPipeline","createRenderPipeline","groupCollapsed","concat","JSON","stringify","groupEnd","destroy","setIndexBuffer","indexBuffer","_indexBuffer","setAttributes","attributes","name","buffer","entries","bufferIndex","Error","setBindings","bindings","assign","_bindGroup","setUniforms","uniforms","_getBuffers","_getBindGroup","vertex","module","entryPoint","vsEntryPoint","buffers","fragment","_this$device","_this$device$canvasCo","fsEntryPoint","targets","format","canvasContext","topology","primitive","parameters","draw","options","webgpuRenderPass","renderPass","getDefaultRenderPass","setPipeline","bindGroup","setBindGroup","_setAttributeBuffers","indexCount","drawIndexed","instanceCount","firstIndex","baseVertex","firstInstance","vertexCount","indexType","i","attribute","find","location","setVertexBuffer"],"sources":["../../../../src/adapter/resources/webgpu-render-pipeline.ts"],"sourcesContent":["import type {Binding, RenderPass} from '@luma.gl/api';\nimport {Buffer, RenderPipeline, RenderPipelineProps, cast, log, isObjectEmpty} from '@luma.gl/api';\nimport {applyParametersToRenderPipelineDescriptor} from '../helpers/webgpu-parameters';\nimport {getWebGPUTextureFormat} from '../helpers/convert-texture-format';\nimport {getBindGroup} from '../helpers/get-bind-group';\nimport {getVertexBufferLayout, getBufferSlots} from '../helpers/get-vertex-buffer-layout';\n// import {convertAttributesVertexBufferToLayout} from '../helpers/get-vertex-buffer-layout';\n// import {mapAccessorToWebGPUFormat} from './helpers/accessor-to-format';\n// import type {BufferAccessors} from './webgpu-pipeline';\n\nimport type WebGPUDevice from '../webgpu-device';\nimport type WebGPUBuffer from './webgpu-buffer';\nimport type WebGPUShader from './webgpu-shader';\nimport type WebGPURenderPass from './webgpu-render-pass';\n\n// RENDER PIPELINE\n\n/** Creates a new render pipeline when parameters change */\nexport default class WebGPURenderPipeline extends RenderPipeline {\n device: WebGPUDevice;\n handle: GPURenderPipeline;\n\n vs: WebGPUShader;\n fs: WebGPUShader | null = null;\n\n private _bufferSlots: Record<string, number>;\n private _buffers: Buffer[];\n private _indexBuffer: WebGPUBuffer | null = null;\n // private _firstIndex: number;\n // private _lastIndex: number;\n\n /** For internal use to create BindGroups */\n private _bindGroupLayout: GPUBindGroupLayout;\n private _bindGroup: GPUBindGroup | null = null;\n\n constructor(device: WebGPUDevice, props: RenderPipelineProps) {\n super(device, props);\n this.device = device;\n this.handle = (this.props.handle as GPURenderPipeline) || this.createHandle();\n this.handle.label = this.props.id;\n\n this.vs = cast<WebGPUShader>(props.vs);\n this.fs = cast<WebGPUShader>(props.fs);\n\n this._bufferSlots = getBufferSlots(this.props.layout, this.props.bufferMap);\n this._buffers = new Array<Buffer>(Object.keys(this._bufferSlots).length).fill(null);\n this._bindGroupLayout = this.handle.getBindGroupLayout(0);\n }\n\n protected createHandle(): GPURenderPipeline {\n const descriptor = this._getRenderPipelineDescriptor();\n const renderPipeline = this.device.handle.createRenderPipeline(descriptor);\n log.groupCollapsed(1, `new WebGPRenderPipeline(${this.id})`)();\n log.log(1, JSON.stringify(descriptor, null, 2))();\n log.groupEnd(1)();\n return renderPipeline;\n }\n\n override destroy(): void {\n // WebGPURenderPipeline has no destroy method.\n }\n\n setIndexBuffer(indexBuffer: Buffer): void {\n this._indexBuffer = cast<WebGPUBuffer>(indexBuffer);\n }\n\n setAttributes(attributes: Record<string, Buffer>): void {\n for (const [name, buffer] of Object.entries(attributes)) {\n const bufferIndex = this._bufferSlots[name];\n if (bufferIndex >= 0) {\n this._buffers[bufferIndex] = buffer;\n } else {\n throw new Error(\n `Setting attribute '${name}' not listed in shader layout for program ${this.id}`\n );\n }\n }\n // for (let i = 0; i < this._bufferSlots.length; ++i) {\n // const bufferName = this._bufferSlots[i];\n // if (attributes[bufferName]) {\n // this.handle\n // }\n // }\n }\n\n /** Set the bindings */\n setBindings(bindings: Record<string, Binding>): void {\n if (!isObjectEmpty(this.props.bindings)) {\n Object.assign(this.props.bindings, bindings);\n // Set up the bindings\n this._bindGroup = getBindGroup(\n this.device.handle,\n this._bindGroupLayout,\n this.props.layout,\n this.props.bindings\n );\n }\n }\n\n setUniforms(uniforms: Record<string, any>): void {\n if (!isObjectEmpty(uniforms)) {\n throw new Error('WebGPU does not support uniforms');\n }\n }\n\n _getBuffers() {\n return this._buffers;\n }\n\n /** Return a bind group created by setBindings */\n _getBindGroup() {\n // assert(this._bindGroup);\n return this._bindGroup;\n }\n\n /** Populate the complex WebGPU GPURenderPipelineDescriptor */\n protected _getRenderPipelineDescriptor() {\n // Set up the vertex stage\n const vertex: GPUVertexState = {\n module: cast<WebGPUShader>(this.props.vs).handle,\n entryPoint: this.props.vsEntryPoint || 'main',\n buffers: getVertexBufferLayout(this.props.layout, this.props.bufferMap)\n };\n\n // Set up the fragment stage\n let fragment: GPUFragmentState | undefined;\n if (this.props.fs) {\n fragment = {\n module: cast<WebGPUShader>(this.props.fs).handle,\n entryPoint: this.props.fsEntryPoint || 'main',\n targets: [\n {\n // TODO exclamation mark hack!\n format: getWebGPUTextureFormat(this.device?.canvasContext?.format!)\n }\n ]\n };\n }\n\n // WebGPU has more restrictive topology support than WebGL\n switch (this.props.topology) {\n case 'triangle-fan':\n case 'line-loop':\n throw new Error(`WebGPU does not support primitive topology ${this.props.topology}`);\n default:\n }\n\n // Create a partially populated descriptor\n let descriptor: GPURenderPipelineDescriptor = {\n vertex,\n fragment,\n primitive: {\n topology: this.props.topology\n },\n layout: 'auto'\n };\n\n // Set parameters on the descriptor\n applyParametersToRenderPipelineDescriptor(descriptor, this.props.parameters);\n\n return descriptor;\n }\n\n draw(options: {\n renderPass?: RenderPass;\n vertexCount?: number;\n indexCount?: number;\n instanceCount?: number;\n firstVertex?: number;\n firstIndex?: number;\n firstInstance?: number;\n baseVertex?: number;\n }): void {\n const webgpuRenderPass: WebGPURenderPass =\n cast<WebGPURenderPass>(options.renderPass) || this.device.getDefaultRenderPass();\n\n // Set pipeline\n webgpuRenderPass.handle.setPipeline(this.handle);\n\n // Set bindings (uniform buffers, textures etc)\n const bindGroup = this._getBindGroup();\n if (bindGroup) {\n webgpuRenderPass.handle.setBindGroup(0, bindGroup);\n }\n\n // Set attributes\n this._setAttributeBuffers(webgpuRenderPass);\n\n // Draw\n if (options.indexCount) {\n webgpuRenderPass.handle.drawIndexed(\n options.indexCount,\n options.instanceCount,\n options.firstIndex,\n options.baseVertex,\n options.firstInstance\n );\n } else {\n webgpuRenderPass.handle.draw(\n options.vertexCount || 0,\n options.instanceCount,\n options.firstIndex,\n options.firstInstance\n );\n }\n }\n\n _setAttributeBuffers(webgpuRenderPass: WebGPURenderPass) {\n if (this._indexBuffer) {\n webgpuRenderPass.handle.setIndexBuffer(this._indexBuffer.handle, this._indexBuffer.props.indexType);\n }\n\n const buffers = this._getBuffers();\n for (let i = 0; i < buffers.length; ++i) {\n const buffer = cast<WebGPUBuffer>(buffers[i]);\n if (!buffer) {\n const attribute = this.props.layout.attributes.find(\n (attribute) => attribute.location === i\n );\n throw new Error(\n `No buffer provided for attribute '${attribute?.name || ''}' in Model '${this.props.id}'`\n );\n }\n webgpuRenderPass.handle.setVertexBuffer(i, buffer.handle);\n }\n\n // TODO - HANDLE buffer maps\n /*\n for (const [bufferName, attributeMapping] of Object.entries(this.props.bufferMap)) {\n const buffer = cast<WebGPUBuffer>(this.props.attributes[bufferName]);\n if (!buffer) {\n log.warn(`Missing buffer for buffer map ${bufferName}`)();\n continue;\n }\n\n if ('location' in attributeMapping) {\n // @ts-expect-error TODO model must not depend on webgpu\n renderPass.handle.setVertexBuffer(layout.location, buffer.handle);\n } else {\n for (const [bufferName, mapping] of Object.entries(attributeMapping)) {\n // @ts-expect-error TODO model must not depend on webgpu\n renderPass.handle.setVertexBuffer(field.location, buffer.handle);\n }\n }\n }\n */\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import { Sampler } from '@luma.gl/api';
|
|
3
|
-
export default class WebGPUSampler extends Sampler {
|
|
4
|
-
constructor(device, props) {
|
|
5
|
-
super(device, props);
|
|
6
|
-
_defineProperty(this, "device", void 0);
|
|
7
|
-
_defineProperty(this, "handle", void 0);
|
|
8
|
-
this.device = device;
|
|
9
|
-
const samplerProps = {
|
|
10
|
-
...this.props
|
|
11
|
-
};
|
|
12
|
-
if (samplerProps.type !== 'comparison-sampler') {
|
|
13
|
-
delete samplerProps.compare;
|
|
14
|
-
}
|
|
15
|
-
this.handle = this.handle || this.device.handle.createSampler(samplerProps);
|
|
16
|
-
this.handle.label = this.props.id;
|
|
17
|
-
}
|
|
18
|
-
destroy() {}
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=webgpu-sampler.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"webgpu-sampler.js","names":["Sampler","WebGPUSampler","constructor","device","props","_defineProperty","samplerProps","type","compare","handle","createSampler","label","id","destroy"],"sources":["../../../../src/adapter/resources/webgpu-sampler.ts"],"sourcesContent":["import {Sampler, SamplerProps} from '@luma.gl/api';\nimport type WebGPUDevice from '../webgpu-device';\n\nexport type WebGPUSamplerProps = SamplerProps & {\n handle?: GPUSampler;\n}\n\n/**\n *\n */\nexport default class WebGPUSampler extends Sampler {\n readonly device: WebGPUDevice;\n readonly handle: GPUSampler;\n\n constructor(device: WebGPUDevice, props: WebGPUSamplerProps) {\n super(device, props);\n this.device = device;\n\n // Prepare sampler props\n const samplerProps: Partial<WebGPUSamplerProps> = {...this.props};\n if (samplerProps.type !== 'comparison-sampler') {\n delete samplerProps.compare;\n }\n\n this.handle = this.handle || this.device.handle.createSampler(samplerProps);\n this.handle.label = this.props.id;\n }\n\n override destroy(): void {\n // this.handle.destroy();\n }\n}\n"],"mappings":";AAAA,SAAQA,OAAO,QAAqB,cAAc;AAUlD,eAAe,MAAMC,aAAa,SAASD,OAAO,CAAC;EAIjDE,WAAWA,CAACC,MAAoB,EAAEC,KAAyB,EAAE;IAC3D,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IACrB,IAAI,CAACF,MAAM,GAAGA,MAAM;IAGpB,MAAMG,YAAyC,GAAG;MAAC,GAAG,IAAI,CAACF;IAAK,CAAC;IACjE,IAAIE,YAAY,CAACC,IAAI,KAAK,oBAAoB,EAAE;MAC9C,OAAOD,YAAY,CAACE,OAAO;IAC7B;IAEA,IAAI,CAACC,MAAM,GAAG,IAAI,CAACA,MAAM,IAAI,IAAI,CAACN,MAAM,CAACM,MAAM,CAACC,aAAa,CAACJ,YAAY,CAAC;IAC3E,IAAI,CAACG,MAAM,CAACE,KAAK,GAAG,IAAI,CAACP,KAAK,CAACQ,EAAE;EACnC;EAESC,OAAOA,CAAA,EAAS,CAEzB;AACF"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import { Shader, log } from '@luma.gl/api';
|
|
3
|
-
export default class WebGPUShader extends Shader {
|
|
4
|
-
constructor(device, props) {
|
|
5
|
-
super(device, props);
|
|
6
|
-
_defineProperty(this, "device", void 0);
|
|
7
|
-
_defineProperty(this, "handle", void 0);
|
|
8
|
-
this.device = device;
|
|
9
|
-
this.device.handle.pushErrorScope('validation');
|
|
10
|
-
this.handle = this.props.handle || this.createHandle();
|
|
11
|
-
this.handle.label = this.props.id;
|
|
12
|
-
this._checkCompilationError(this.device.handle.popErrorScope());
|
|
13
|
-
}
|
|
14
|
-
async _checkCompilationError(errorScope) {
|
|
15
|
-
const error = await errorScope;
|
|
16
|
-
if (error) {
|
|
17
|
-
const shaderLog = await this.compilationInfo();
|
|
18
|
-
log.error("Shader compilation error: ".concat(error.message), shaderLog)();
|
|
19
|
-
throw new Error("Shader compilation error: ".concat(error.message));
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
destroy() {}
|
|
23
|
-
createHandle() {
|
|
24
|
-
const {
|
|
25
|
-
source
|
|
26
|
-
} = this.props;
|
|
27
|
-
let language = this.props.language;
|
|
28
|
-
if (!language) {
|
|
29
|
-
language = source.includes('->') ? 'wgsl' : 'glsl';
|
|
30
|
-
}
|
|
31
|
-
switch (language) {
|
|
32
|
-
case 'wgsl':
|
|
33
|
-
return this.device.handle.createShaderModule({
|
|
34
|
-
code: source
|
|
35
|
-
});
|
|
36
|
-
case 'glsl':
|
|
37
|
-
return this.device.handle.createShaderModule({
|
|
38
|
-
code: source,
|
|
39
|
-
transform: glsl => this.device.glslang.compileGLSL(glsl, type)
|
|
40
|
-
});
|
|
41
|
-
default:
|
|
42
|
-
throw new Error(language);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
async compilationInfo() {
|
|
46
|
-
const compilationInfo = await this.handle.getCompilationInfo();
|
|
47
|
-
return compilationInfo.messages;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
//# sourceMappingURL=webgpu-shader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"webgpu-shader.js","names":["Shader","log","WebGPUShader","constructor","device","props","_defineProperty","handle","pushErrorScope","createHandle","label","id","_checkCompilationError","popErrorScope","errorScope","error","shaderLog","compilationInfo","concat","message","Error","destroy","source","language","includes","createShaderModule","code","transform","glsl","glslang","compileGLSL","type","getCompilationInfo","messages"],"sources":["../../../../src/adapter/resources/webgpu-shader.ts"],"sourcesContent":["import type {ShaderProps, CompilerMessage} from '@luma.gl/api';\nimport {Shader, log} from '@luma.gl/api';\nimport type WebGPUDevice from '../webgpu-device';\n\nexport type WebGPUShaderProps = ShaderProps & {\n handle?: GPUShaderModule;\n};\n\n/**\n * Immutable shader\n */\nexport default class WebGPUShader extends Shader {\n readonly device: WebGPUDevice;\n readonly handle: GPUShaderModule;\n\n constructor(device: WebGPUDevice, props: WebGPUShaderProps) {\n super(device, props);\n this.device = device;\n\n this.device.handle.pushErrorScope('validation');\n\n this.handle = this.props.handle || this.createHandle();\n this.handle.label = this.props.id;\n\n this._checkCompilationError(this.device.handle.popErrorScope());\n }\n\n async _checkCompilationError(errorScope: Promise<GPUError | null>): Promise<void> {\n const error = await errorScope as GPUValidationError;\n if (error) {\n const shaderLog = await this.compilationInfo();\n log.error(`Shader compilation error: ${error.message}`, shaderLog)();\n // Note: Even though this error is asynchronous and thrown after the constructor completes,\n // it will result in a useful stack trace leading back to the constructor\n throw new Error(`Shader compilation error: ${error.message}`);\n }\n }\n\n override destroy(): void {\n // this.handle.destroy();\n }\n\n protected createHandle(): GPUShaderModule {\n const {source} = this.props;\n\n let language = this.props.language;\n // Compile from src\n if (!language) {\n // wgsl uses C++ \"auto\" style arrow notation\n language = source.includes('->') ? 'wgsl' : 'glsl';\n }\n\n switch(language) {\n case 'wgsl':\n return this.device.handle.createShaderModule({code: source});\n case 'glsl':\n return this.device.handle.createShaderModule({\n code: source,\n // @ts-expect-error\n transform: (glsl) => this.device.glslang.compileGLSL(glsl, type)\n });\n default:\n throw new Error(language);\n }\n }\n\n /** Returns compilation info for this shader */\n async compilationInfo(): Promise<readonly CompilerMessage[]> {\n const compilationInfo = await this.handle.getCompilationInfo();\n return compilationInfo.messages;\n }\n}\n"],"mappings":";AACA,SAAQA,MAAM,EAAEC,GAAG,QAAO,cAAc;AAUxC,eAAe,MAAMC,YAAY,SAASF,MAAM,CAAC;EAI/CG,WAAWA,CAACC,MAAoB,EAAEC,KAAwB,EAAE;IAC1D,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IACrB,IAAI,CAACF,MAAM,GAAGA,MAAM;IAEpB,IAAI,CAACA,MAAM,CAACG,MAAM,CAACC,cAAc,CAAC,YAAY,CAAC;IAE/C,IAAI,CAACD,MAAM,GAAG,IAAI,CAACF,KAAK,CAACE,MAAM,IAAI,IAAI,CAACE,YAAY,EAAE;IACtD,IAAI,CAACF,MAAM,CAACG,KAAK,GAAG,IAAI,CAACL,KAAK,CAACM,EAAE;IAEjC,IAAI,CAACC,sBAAsB,CAAC,IAAI,CAACR,MAAM,CAACG,MAAM,CAACM,aAAa,EAAE,CAAC;EACjE;EAEA,MAAMD,sBAAsBA,CAACE,UAAoC,EAAiB;IAChF,MAAMC,KAAK,GAAG,MAAMD,UAAgC;IACpD,IAAIC,KAAK,EAAE;MACT,MAAMC,SAAS,GAAG,MAAM,IAAI,CAACC,eAAe,EAAE;MAC9ChB,GAAG,CAACc,KAAK,8BAAAG,MAAA,CAA8BH,KAAK,CAACI,OAAO,GAAIH,SAAS,CAAC,EAAE;MAGpE,MAAM,IAAII,KAAK,8BAAAF,MAAA,CAA8BH,KAAK,CAACI,OAAO,EAAG;IAC/D;EACF;EAESE,OAAOA,CAAA,EAAS,CAEzB;EAEUZ,YAAYA,CAAA,EAAoB;IACxC,MAAM;MAACa;IAAM,CAAC,GAAG,IAAI,CAACjB,KAAK;IAE3B,IAAIkB,QAAQ,GAAG,IAAI,CAAClB,KAAK,CAACkB,QAAQ;IAElC,IAAI,CAACA,QAAQ,EAAE;MAEbA,QAAQ,GAAGD,MAAM,CAACE,QAAQ,CAAC,IAAI,CAAC,GAAG,MAAM,GAAG,MAAM;IACpD;IAEA,QAAOD,QAAQ;MACb,KAAK,MAAM;QACT,OAAO,IAAI,CAACnB,MAAM,CAACG,MAAM,CAACkB,kBAAkB,CAAC;UAACC,IAAI,EAAEJ;QAAM,CAAC,CAAC;MAC9D,KAAK,MAAM;QACT,OAAO,IAAI,CAAClB,MAAM,CAACG,MAAM,CAACkB,kBAAkB,CAAC;UAC3CC,IAAI,EAAEJ,MAAM;UAEZK,SAAS,EAAGC,IAAI,IAAK,IAAI,CAACxB,MAAM,CAACyB,OAAO,CAACC,WAAW,CAACF,IAAI,EAAEG,IAAI;QACjE,CAAC,CAAC;MACJ;QACE,MAAM,IAAIX,KAAK,CAACG,QAAQ,CAAC;IAAC;EAEhC;EAGA,MAAMN,eAAeA,CAAA,EAAwC;IAC3D,MAAMA,eAAe,GAAG,MAAM,IAAI,CAACV,MAAM,CAACyB,kBAAkB,EAAE;IAC9D,OAAOf,eAAe,CAACgB,QAAQ;EACjC;AACF"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import { Texture } from '@luma.gl/api';
|
|
3
|
-
import { getWebGPUTextureFormat } from '../helpers/convert-texture-format';
|
|
4
|
-
import WebGPUSampler from './webgpu-sampler';
|
|
5
|
-
const BASE_DIMENSIONS = {
|
|
6
|
-
'1d': '1d',
|
|
7
|
-
'2d': '2d',
|
|
8
|
-
'2d-array': '2d',
|
|
9
|
-
'cube': '2d',
|
|
10
|
-
'cube-array': '2d',
|
|
11
|
-
'3d': '3d'
|
|
12
|
-
};
|
|
13
|
-
export default class WebGPUTexture extends Texture {
|
|
14
|
-
constructor(device, props) {
|
|
15
|
-
super(device, props);
|
|
16
|
-
_defineProperty(this, "device", void 0);
|
|
17
|
-
_defineProperty(this, "handle", void 0);
|
|
18
|
-
_defineProperty(this, "view", void 0);
|
|
19
|
-
_defineProperty(this, "sampler", void 0);
|
|
20
|
-
if (typeof this.props.format === 'number') {
|
|
21
|
-
throw new Error('number format');
|
|
22
|
-
}
|
|
23
|
-
this.device = device;
|
|
24
|
-
this.handle = this.props.handle || this.createHandle();
|
|
25
|
-
if (this.props.data) {
|
|
26
|
-
this.setData({
|
|
27
|
-
data: this.props.data
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
this.sampler = props.sampler instanceof WebGPUSampler ? props.sampler : new WebGPUSampler(this.device, props.sampler);
|
|
31
|
-
this.view = this.handle.createView({});
|
|
32
|
-
}
|
|
33
|
-
createHandle() {
|
|
34
|
-
var _this$props$data, _this$props$data2;
|
|
35
|
-
if (typeof this.props.format === 'number') {
|
|
36
|
-
throw new Error('number format');
|
|
37
|
-
}
|
|
38
|
-
const width = this.props.width || ((_this$props$data = this.props.data) === null || _this$props$data === void 0 ? void 0 : _this$props$data.width) || 1;
|
|
39
|
-
const height = this.props.height || ((_this$props$data2 = this.props.data) === null || _this$props$data2 === void 0 ? void 0 : _this$props$data2.height) || 1;
|
|
40
|
-
return this.device.handle.createTexture({
|
|
41
|
-
size: {
|
|
42
|
-
width,
|
|
43
|
-
height,
|
|
44
|
-
depthOrArrayLayers: this.props.depth
|
|
45
|
-
},
|
|
46
|
-
dimension: BASE_DIMENSIONS[this.props.dimension],
|
|
47
|
-
format: getWebGPUTextureFormat(this.props.format),
|
|
48
|
-
usage: this.props.usage,
|
|
49
|
-
mipLevelCount: this.props.mipLevels,
|
|
50
|
-
sampleCount: this.props.samples
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
destroy() {
|
|
54
|
-
this.handle.destroy();
|
|
55
|
-
}
|
|
56
|
-
setSampler(sampler) {
|
|
57
|
-
this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);
|
|
58
|
-
return this;
|
|
59
|
-
}
|
|
60
|
-
setData(options) {
|
|
61
|
-
return this.setImage({
|
|
62
|
-
source: options.data
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
setImage(options) {
|
|
66
|
-
const {
|
|
67
|
-
source,
|
|
68
|
-
width = options.source.width,
|
|
69
|
-
height = options.source.height,
|
|
70
|
-
depth = 1,
|
|
71
|
-
sourceX = 0,
|
|
72
|
-
sourceY = 0,
|
|
73
|
-
mipLevel = 0,
|
|
74
|
-
x = 0,
|
|
75
|
-
y = 0,
|
|
76
|
-
z = 0,
|
|
77
|
-
aspect = 'all',
|
|
78
|
-
colorSpace = 'srgb',
|
|
79
|
-
premultipliedAlpha = false
|
|
80
|
-
} = options;
|
|
81
|
-
this.device.handle.queue.copyExternalImageToTexture({
|
|
82
|
-
source,
|
|
83
|
-
origin: [sourceX, sourceY]
|
|
84
|
-
}, {
|
|
85
|
-
texture: this.handle,
|
|
86
|
-
origin: [x, y, z],
|
|
87
|
-
mipLevel,
|
|
88
|
-
aspect,
|
|
89
|
-
colorSpace,
|
|
90
|
-
premultipliedAlpha
|
|
91
|
-
}, [width, height, depth]);
|
|
92
|
-
return this;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
//# sourceMappingURL=webgpu-texture.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"webgpu-texture.js","names":["Texture","getWebGPUTextureFormat","WebGPUSampler","BASE_DIMENSIONS","WebGPUTexture","constructor","device","props","_defineProperty","format","Error","handle","createHandle","data","setData","sampler","view","createView","_this$props$data","_this$props$data2","width","height","createTexture","size","depthOrArrayLayers","depth","dimension","usage","mipLevelCount","mipLevels","sampleCount","samples","destroy","setSampler","options","setImage","source","sourceX","sourceY","mipLevel","x","y","z","aspect","colorSpace","premultipliedAlpha","queue","copyExternalImageToTexture","origin","texture"],"sources":["../../../../src/adapter/resources/webgpu-texture.ts"],"sourcesContent":["// luma.gl, MIT license\nimport {Texture, TextureProps, Sampler, SamplerProps} from '@luma.gl/api';\nimport {getWebGPUTextureFormat} from '../helpers/convert-texture-format';\nimport type WebGPUDevice from '../webgpu-device';\nimport WebGPUSampler from './webgpu-sampler';\n\nconst BASE_DIMENSIONS: Record<string, '1d' | '2d' | '3d'> = {\n '1d': '1d',\n '2d': '2d',\n '2d-array': '2d',\n 'cube': '2d',\n 'cube-array': '2d',\n '3d': '3d'\n};\n\nexport default class WebGPUTexture extends Texture {\n readonly device: WebGPUDevice;\n readonly handle: GPUTexture;\n readonly view: GPUTextureView;\n sampler: WebGPUSampler;\n\n // static async createFromImageURL(src, usage = 0) {\n // const img = document.createElement('img');\n // img.src = src;\n // await img.decode();\n // return WebGPUTexture(img, usage);\n // }\n\n constructor(device: WebGPUDevice, props: TextureProps) {\n super(device, props);\n\n if (typeof this.props.format === 'number') {\n throw new Error('number format');\n }\n\n this.device = device;\n this.handle = this.props.handle || this.createHandle();\n\n if (this.props.data) {\n this.setData({data: this.props.data} );\n }\n\n // Create a default sampler. This mimics the WebGL1 API where sampler props are stored on the texture\n // this.setSampler(props.sampler);\n this.sampler = props.sampler instanceof WebGPUSampler ? props.sampler : new WebGPUSampler(this.device, props.sampler);\n\n // TODO - To support texture arrays we need to create custom views...\n // But we are not ready to expose TextureViews to the public API.\n this.view = this.handle.createView({\n // format: this.props.format,\n // dimension: this.props.dimension,\n // aspect = \"all\";\n // baseMipLevel: 0;\n // mipLevelCount;\n // baseArrayLayer = 0;\n // arrayLayerCount;\n });\n }\n\n protected createHandle(): GPUTexture {\n if (typeof this.props.format === 'number') {\n throw new Error('number format');\n }\n\n // Deduce size from data - TODO this is a hack\n // @ts-expect-error\n const width = this.props.width || this.props.data?.width || 1;\n // @ts-expect-error\n const height = this.props.height || this.props.data?.height || 1;\n\n return this.device.handle.createTexture({\n size: {\n width,\n height,\n depthOrArrayLayers: this.props.depth\n },\n dimension: BASE_DIMENSIONS[this.props.dimension],\n format: getWebGPUTextureFormat(this.props.format),\n usage: this.props.usage,\n mipLevelCount: this.props.mipLevels,\n sampleCount: this.props.samples\n });\n }\n\n override destroy(): void {\n this.handle.destroy();\n }\n\n /**\n * Set default sampler\n * Accept a sampler instance or set of props;\n */\n setSampler(sampler: Sampler | SamplerProps): this {\n this.sampler = sampler instanceof WebGPUSampler ? sampler : new WebGPUSampler(this.device, sampler);\n return this;\n }\n\n setData(options: {\n data: any;\n }) {\n return this.setImage({source: options.data});\n }\n\n /** Set image */\n setImage(options: {\n source: ImageBitmap | HTMLCanvasElement | OffscreenCanvas;\n width?: number;\n height?: number;\n depth?: number;\n sourceX?: number;\n sourceY?: number;\n mipLevel?: number;\n x?: number;\n y?: number;\n z?: number;\n aspect?: 'all' | 'stencil-only' | 'depth-only';\n colorSpace?: 'srgb';\n premultipliedAlpha?: boolean;\n }): this {\n const {\n source,\n width = options.source.width,\n height = options.source.height,\n depth = 1,\n sourceX = 0,\n sourceY = 0,\n mipLevel = 0,\n x = 0,\n y = 0,\n z = 0,\n aspect = 'all',\n colorSpace = 'srgb',\n premultipliedAlpha = false\n } = options;\n\n // TODO - max out width\n\n this.device.handle.queue.copyExternalImageToTexture(\n // source: GPUImageCopyExternalImage\n {\n source,\n origin: [sourceX, sourceY]\n },\n // destination: GPUImageCopyTextureTagged\n {\n texture: this.handle,\n origin: [x, y, z],\n mipLevel,\n aspect,\n colorSpace,\n premultipliedAlpha\n },\n // copySize: GPUExtent3D\n [\n width,\n height,\n depth\n ]\n );\n return this;\n }\n\n /*\n async readPixels() {\n const readbackBuffer = device.createBuffer({\n usage: Buffer.COPY_DST | Buffer.MAP_READ,\n size: 4 * textureWidth * textureHeight,\n });\n\n // Copy data from the texture to the buffer.\n const encoder = device.createCommandEncoder();\n encoder.copyTextureToBuffer(\n { texture },\n { buffer, rowPitch: textureWidth * 4 },\n [textureWidth, textureHeight],\n );\n device.submit([encoder.finish()]);\n\n // Get the data on the CPU.\n await buffer.mapAsync(GPUMapMode.READ);\n saveScreenshot(buffer.getMappedRange());\n buffer.unmap();\n }\n\n setImageData(imageData, usage): this {\n let data = null;\n\n const bytesPerRow = Math.ceil((img.width * 4) / 256) * 256;\n if (bytesPerRow == img.width * 4) {\n data = imageData.data;\n } else {\n data = new Uint8Array(bytesPerRow * img.height);\n let imagePixelIndex = 0;\n for (let y = 0; y < img.height; ++y) {\n for (let x = 0; x < img.width; ++x) {\n const i = x * 4 + y * bytesPerRow;\n data[i] = imageData.data[imagePixelIndex];\n data[i + 1] = imageData.data[imagePixelIndex + 1];\n data[i + 2] = imageData.data[imagePixelIndex + 2];\n data[i + 3] = imageData.data[imagePixelIndex + 3];\n imagePixelIndex += 4;\n }\n }\n }\n return this;\n }\n\n setData(data): this {\n const textureDataBuffer = this.device.handle.createBuffer({\n size: data.byteLength,\n usage: Buffer.COPY_DST | Buffer.COPY_SRC,\n mappedAtCreation: true\n });\n new Uint8Array(textureDataBuffer.getMappedRange()).set(data);\n textureDataBuffer.unmap();\n\n this.setBuffer(textureDataBuffer);\n\n textureDataBuffer.destroy();\n return this;\n }\n\n setBuffer(textureDataBuffer, {bytesPerRow}): this {\n const commandEncoder = this.device.handle.createCommandEncoder();\n commandEncoder.copyBufferToTexture(\n {\n buffer: textureDataBuffer,\n bytesPerRow\n },\n {\n texture: this.handle\n },\n {\n width,\n height,\n depth\n }\n );\n\n this.device.handle.defaultQueue.submit([commandEncoder.finish()]);\n return this;\n }\n */\n}\n"],"mappings":"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"}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import { CanvasContext, log } from '@luma.gl/api';
|
|
3
|
-
import { getWebGPUTextureFormat } from './helpers/convert-texture-format';
|
|
4
|
-
import WEBGPUFramebuffer from './resources/webgpu-framebuffer';
|
|
5
|
-
export default class WebGPUCanvasContext extends CanvasContext {
|
|
6
|
-
constructor(device, adapter, props) {
|
|
7
|
-
super(props);
|
|
8
|
-
_defineProperty(this, "device", void 0);
|
|
9
|
-
_defineProperty(this, "gpuCanvasContext", void 0);
|
|
10
|
-
_defineProperty(this, "format", void 0);
|
|
11
|
-
_defineProperty(this, "depthStencilFormat", 'depth24plus');
|
|
12
|
-
_defineProperty(this, "sampleCount", 1);
|
|
13
|
-
_defineProperty(this, "depthStencilAttachment", null);
|
|
14
|
-
this.device = device;
|
|
15
|
-
this.width = -1;
|
|
16
|
-
this.height = -1;
|
|
17
|
-
this._setAutoCreatedCanvasId("".concat(this.device.id, "-canvas"));
|
|
18
|
-
this.gpuCanvasContext = this.canvas.getContext('webgpu');
|
|
19
|
-
this.format = this.gpuCanvasContext.getPreferredFormat(adapter);
|
|
20
|
-
}
|
|
21
|
-
destroy() {
|
|
22
|
-
this.gpuCanvasContext.unconfigure();
|
|
23
|
-
}
|
|
24
|
-
getCurrentFramebuffer() {
|
|
25
|
-
this.update();
|
|
26
|
-
const currentColorAttachment = this.device.createTexture({
|
|
27
|
-
id: 'default-render-target',
|
|
28
|
-
handle: this.gpuCanvasContext.getCurrentTexture(),
|
|
29
|
-
format: this.format,
|
|
30
|
-
width: this.width,
|
|
31
|
-
height: this.height
|
|
32
|
-
});
|
|
33
|
-
this._createDepthStencilAttachment();
|
|
34
|
-
return new WEBGPUFramebuffer(this.device, {
|
|
35
|
-
colorAttachments: [currentColorAttachment],
|
|
36
|
-
depthStencilAttachment: this.depthStencilAttachment
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
update() {
|
|
40
|
-
const [width, height] = this.getPixelSize();
|
|
41
|
-
const sizeChanged = width !== this.width || height !== this.height;
|
|
42
|
-
if (sizeChanged) {
|
|
43
|
-
this.width = width;
|
|
44
|
-
this.height = height;
|
|
45
|
-
if (this.depthStencilAttachment) {
|
|
46
|
-
this.depthStencilAttachment.destroy();
|
|
47
|
-
this.depthStencilAttachment = null;
|
|
48
|
-
}
|
|
49
|
-
this.gpuCanvasContext.configure({
|
|
50
|
-
device: this.device.handle,
|
|
51
|
-
format: getWebGPUTextureFormat(this.format),
|
|
52
|
-
colorSpace: this.props.colorSpace,
|
|
53
|
-
alphaMode: this.props.alphaMode
|
|
54
|
-
});
|
|
55
|
-
log.log(1, "Resized to ".concat(this.width, "x").concat(this.height, "px"))();
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
resize(options) {
|
|
59
|
-
this.update();
|
|
60
|
-
}
|
|
61
|
-
_createDepthStencilAttachment() {
|
|
62
|
-
if (!this.depthStencilAttachment) {
|
|
63
|
-
this.depthStencilAttachment = this.device.createTexture({
|
|
64
|
-
id: 'depth-stencil-target',
|
|
65
|
-
format: this.depthStencilFormat,
|
|
66
|
-
width: this.width,
|
|
67
|
-
height: this.height,
|
|
68
|
-
usage: GPUTextureUsage.RENDER_ATTACHMENT
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
return this.depthStencilAttachment;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
//# sourceMappingURL=webgpu-canvas-context.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"webgpu-canvas-context.js","names":["CanvasContext","log","getWebGPUTextureFormat","WEBGPUFramebuffer","WebGPUCanvasContext","constructor","device","adapter","props","_defineProperty","width","height","_setAutoCreatedCanvasId","concat","id","gpuCanvasContext","canvas","getContext","format","getPreferredFormat","destroy","unconfigure","getCurrentFramebuffer","update","currentColorAttachment","createTexture","handle","getCurrentTexture","_createDepthStencilAttachment","colorAttachments","depthStencilAttachment","getPixelSize","sizeChanged","configure","colorSpace","alphaMode","resize","options","depthStencilFormat","usage","GPUTextureUsage","RENDER_ATTACHMENT"],"sources":["../../../src/adapter/webgpu-canvas-context.ts"],"sourcesContent":["import type {Texture, TextureFormat, CanvasContextProps} from '@luma.gl/api';\nimport {CanvasContext, log} from '@luma.gl/api';\nimport {getWebGPUTextureFormat} from './helpers/convert-texture-format';\nimport WebGPUDevice from './webgpu-device';\nimport WEBGPUFramebuffer from './resources/webgpu-framebuffer';\n\n/** \n * Holds a WebGPU Canvas Context which handles resizing etc \n */\nexport default class WebGPUCanvasContext extends CanvasContext {\n readonly device: WebGPUDevice;\n readonly gpuCanvasContext: GPUCanvasContext;\n readonly format: TextureFormat;\n depthStencilFormat: TextureFormat = 'depth24plus';\n sampleCount: number = 1;\n\n private depthStencilAttachment: Texture | null = null;\n\n constructor(device: WebGPUDevice, adapter: GPUAdapter, props: CanvasContextProps) {\n super(props);\n this.device = device;\n // TODO - hack to trigger resize?\n this.width = -1;\n this.height = -1;\n \n this._setAutoCreatedCanvasId(`${this.device.id}-canvas`);\n this.gpuCanvasContext = this.canvas.getContext('webgpu') as GPUCanvasContext;\n // @ts-expect-error TODO this has been replaced\n this.format = this.gpuCanvasContext.getPreferredFormat(adapter);\n }\n\n destroy(): void {\n this.gpuCanvasContext.unconfigure();\n }\n\n /** Update framebuffer with properly resized \"swap chain\" texture views */\n getCurrentFramebuffer(): WEBGPUFramebuffer {\n // Ensure the canvas context size is updated\n this.update();\n\n // Wrap the current canvas context texture in a luma.gl texture \n const currentColorAttachment = this.device.createTexture({\n id: 'default-render-target',\n handle: this.gpuCanvasContext.getCurrentTexture(),\n format: this.format,\n width: this.width,\n height: this.height\n });\n\n // Resize the depth stencil attachment\n this._createDepthStencilAttachment();\n\n return new WEBGPUFramebuffer(this.device, {\n colorAttachments: [currentColorAttachment],\n depthStencilAttachment: this.depthStencilAttachment\n });\n }\n\n /** Resizes and updates render targets if necessary */\n update() {\n const [width, height] = this.getPixelSize();\n\n const sizeChanged = width !== this.width || height !== this.height;\n\n if (sizeChanged) {\n this.width = width;\n this.height = height;\n\n if (this.depthStencilAttachment) {\n this.depthStencilAttachment.destroy();\n this.depthStencilAttachment = null;\n }\n\n // Reconfigure the canvas size.\n // https://www.w3.org/TR/webgpu/#canvas-configuration\n this.gpuCanvasContext.configure({\n device: this.device.handle,\n format: getWebGPUTextureFormat(this.format),\n // size: [this.width, this.height],\n colorSpace: this.props.colorSpace,\n alphaMode: this.props.alphaMode\n });\n\n log.log(1, `Resized to ${this.width}x${this.height}px`)();\n }\n\n }\n\n resize(options?: {width?: number; height?: number; useDevicePixels?: boolean | number}): void {\n this.update();\n }\n\n /** We build render targets on demand (i.e. not when size changes but when about to render) */\n _createDepthStencilAttachment() {\n if (!this.depthStencilAttachment) {\n this.depthStencilAttachment = this.device.createTexture({\n id: 'depth-stencil-target',\n format: this.depthStencilFormat,\n width: this.width,\n height: this.height,\n usage: GPUTextureUsage.RENDER_ATTACHMENT\n });\n }\n return this.depthStencilAttachment;\n }\n}\n"],"mappings":"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"}
|