You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
944 B
42 lines
944 B
2 years ago
|
if ( window.GPUShaderStage === undefined ) {
|
||
|
|
|
||
|
|
window.GPUShaderStage = { VERTEX: 1, FRAGMENT: 2, COMPUTE: 4 };
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
class WebGPU {
|
||
|
|
|
||
|
|
static isAvailable() {
|
||
|
|
|
||
|
|
return ( navigator.gpu !== undefined );
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
static getErrorMessage() {
|
||
|
|
|
||
|
|
let message = 'Your browser does not support <a href="https://gpuweb.github.io/gpuweb/" style="color:blue">WebGPU</a>';
|
||
|
|
|
||
|
|
if ( !! window.chrome ) message += '<br>Try: <b>chrome://flags/#enable-unsafe-webgpu</b>';
|
||
|
|
|
||
|
|
const element = document.createElement( 'div' );
|
||
|
|
element.id = 'webgpumessage';
|
||
|
|
element.style.fontFamily = 'monospace';
|
||
|
|
element.style.fontSize = '13px';
|
||
|
|
element.style.fontWeight = 'normal';
|
||
|
|
element.style.textAlign = 'center';
|
||
|
|
element.style.background = '#fff';
|
||
|
|
element.style.color = '#000';
|
||
|
|
element.style.padding = '1.5em';
|
||
|
|
element.style.width = '400px';
|
||
|
|
element.style.margin = '5em auto 0';
|
||
|
|
|
||
|
|
element.innerHTML = message;
|
||
|
|
|
||
|
|
return element;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
export default WebGPU;
|