UNPKG

@animech-public/playcanvas

Version:
68 lines (65 loc) 2.3 kB
import { platform } from '../../core/platform.js'; import { DEVICETYPE_WEBGL2, DEVICETYPE_WEBGL1, DEVICETYPE_NULL, DEVICETYPE_WEBGPU } from './constants.js'; import { WebgpuGraphicsDevice } from './webgpu/webgpu-graphics-device.js'; import { WebglGraphicsDevice } from './webgl/webgl-graphics-device.js'; import { NullGraphicsDevice } from './null/null-graphics-device.js'; function createGraphicsDevice(canvas, options = {}) { var _options$deviceTypes; const deviceTypes = (_options$deviceTypes = options.deviceTypes) != null ? _options$deviceTypes : []; if (!deviceTypes.includes(DEVICETYPE_WEBGL2)) { deviceTypes.push(DEVICETYPE_WEBGL2); } if (!deviceTypes.includes(DEVICETYPE_WEBGL1)) { deviceTypes.push(DEVICETYPE_WEBGL1); } if (!deviceTypes.includes(DEVICETYPE_NULL)) { deviceTypes.push(DEVICETYPE_NULL); } if (platform.browser && !!navigator.xr) { var _options$xrCompatible; (_options$xrCompatible = options.xrCompatible) != null ? _options$xrCompatible : options.xrCompatible = true; } const deviceCreateFuncs = []; for (let i = 0; i < deviceTypes.length; i++) { var _window; const deviceType = deviceTypes[i]; if (deviceType === DEVICETYPE_WEBGPU && (_window = window) != null && (_window = _window.navigator) != null && _window.gpu) { deviceCreateFuncs.push(() => { const device = new WebgpuGraphicsDevice(canvas, options); return device.initWebGpu(options.glslangUrl, options.twgslUrl); }); } if (deviceType === DEVICETYPE_WEBGL1 || deviceType === DEVICETYPE_WEBGL2) { deviceCreateFuncs.push(() => { options.preferWebGl2 = deviceType === DEVICETYPE_WEBGL2; return new WebglGraphicsDevice(canvas, options); }); } if (deviceType === DEVICETYPE_NULL) { deviceCreateFuncs.push(() => { return new NullGraphicsDevice(canvas, options); }); } } return new Promise((resolve, reject) => { let attempt = 0; const next = () => { if (attempt >= deviceCreateFuncs.length) { reject(new Error('Failed to create a graphics device')); } else { Promise.resolve(deviceCreateFuncs[attempt++]()).then(device => { if (device) { resolve(device); } else { next(); } }).catch(err => { console.log(err); next(); }); } }; next(); }); } export { createGraphicsDevice };