| (function(SkottieKit){ |
| SkottieKit._extraInitializations = SkottieKit._extraInitializations || []; |
| SkottieKit._extraInitializations.push(function() { |
| function get(obj, attr, defaultValue) { |
| if (obj && obj.hasOwnProperty(attr)) { |
| return obj[attr]; |
| } |
| return defaultValue; |
| } |
| |
| function makeWebGLContext(canvas, attrs) { |
| var contextAttributes = { |
| alpha: get(attrs, 'alpha', 1), |
| depth: get(attrs, 'depth', 1), |
| stencil: get(attrs, 'stencil', 8), |
| antialias: get(attrs, 'antialias', 1), |
| premultipliedAlpha: get(attrs, 'premultipliedAlpha', 1), |
| preserveDrawingBuffer: get(attrs, 'preserveDrawingBuffer', 0), |
| preferLowPowerToHighPerformance: get(attrs, 'preferLowPowerToHighPerformance', 0), |
| failIfMajorPerformanceCaveat: get(attrs, 'failIfMajorPerformanceCaveat', 0), |
| majorVersion: get(attrs, 'majorVersion', 2), |
| minorVersion: get(attrs, 'minorVersion', 0), |
| enableExtensionsByDefault: get(attrs, 'enableExtensionsByDefault', 1), |
| explicitSwapControl: get(attrs, 'explicitSwapControl', 0), |
| renderViaOffscreenBackBuffer: get(attrs, 'renderViaOffscreenBackBuffer', 0), |
| }; |
| if (!canvas) { |
| SkDebug('null canvas passed into makeWebGLContext'); |
| return 0; |
| } |
| // This check is from the emscripten version |
| if (contextAttributes['explicitSwapControl']) { |
| SkDebug('explicitSwapControl is not supported'); |
| return 0; |
| } |
| // GL is an enscripten provided helper |
| // See https://github.com/emscripten-core/emscripten/blob/incoming/src/library_webgl.js |
| var ctx = GL.createContext(canvas, contextAttributes); |
| |
| if (!ctx && contextAttributes.majorVersion > 1) { |
| contextAttributes.majorVersion = 1; // fall back to WebGL 1.0 |
| contextAttributes.minorVersion = 0; |
| ctx = GL.createContext(canvas, contextAttributes); |
| } |
| return ctx; |
| } |
| |
| SkottieKit.GetWebGLContext = function(canvas, attrs) { |
| return makeWebGLContext(canvas, attrs); |
| }; |
| |
| // arg can be of types: |
| // - String - in which case it is interpreted as an id of a |
| // canvas element. |
| // - HTMLCanvasElement - in which the provided canvas element will |
| // be used directly. |
| // Width and height can be provided to override those on the canvas |
| // element, or specify a height for when a context is provided. |
| SkottieKit.MakeWebGLCanvasSurface = function(arg, width, height) { |
| var canvas = arg; |
| if (canvas.tagName !== 'CANVAS') { |
| canvas = document.getElementById(arg); |
| if (!canvas) { |
| throw 'Canvas with id ' + arg + ' was not found'; |
| } |
| } |
| // we are ok with all the defaults |
| var ctx = this.GetWebGLContext(canvas); |
| |
| if (!ctx || ctx < 0) { |
| throw 'failed to create webgl context: err ' + ctx; |
| } |
| |
| if (!canvas && (!width || !height)) { |
| throw 'height and width must be provided with context'; |
| } |
| |
| var grcontext = this.MakeGrContext(ctx); |
| |
| // if (grcontext) { |
| // // Bump the default resource cache limit. |
| // var RESOURCE_CACHE_BYTES = 256 * 1024 * 1024; |
| // grcontext.setResourceCacheLimitBytes(RESOURCE_CACHE_BYTES); |
| // } |
| |
| |
| // Maybe better to use clientWidth/height. See: |
| // https://webglfundamentals.org/webgl/lessons/webgl-anti-patterns.html |
| var surface = this.MakeOnScreenGLSurface(grcontext, |
| width || canvas.width, |
| height || canvas.height); |
| if (!surface) { |
| SkDebug('falling back from GPU implementation to a SW based one'); |
| // we need to throw away the old canvas (which was locked to |
| // a webGL context) and create a new one so we can |
| var newCanvas = canvas.cloneNode(true); |
| var parent = canvas.parentNode; |
| parent.replaceChild(newCanvas, canvas); |
| // add a class so the user can detect that it was replaced. |
| newCanvas.classList.add('ck-replaced'); |
| |
| return SkottieKit.MakeSWCanvasSurface(newCanvas); |
| } |
| surface._context = ctx; |
| surface.grContext = grcontext; |
| return surface; |
| }; |
| // Default to trying WebGL first. |
| SkottieKit.MakeCanvasSurface = SkottieKit.MakeWebGLCanvasSurface; |
| }); |
| }(Module)); // When this file is loaded in, the high level object is "Module"; |