// luma.gl // SPDX-License-Identifier: MIT // Copyright (c) vis.gl contributors import { CanvasContext } from '@luma.gl/core'; import { WEBGLFramebuffer } from "./resources/webgl-framebuffer.js"; /** * A WebGL Canvas Context which manages the canvas and handles drawing buffer resizing etc */ export class WebGLCanvasContext extends CanvasContext { device; presentationSize; _framebuffer = null; constructor(device, props) { // Note: Base class creates / looks up the canvas (unless under Node.js) super(props); this.device = device; this.presentationSize = [-1, -1]; this._setAutoCreatedCanvasId(`${this.device.id}-canvas`); this.update(); } getCurrentFramebuffer() { this.update(); // Setting handle to null returns a reference to the default framebuffer this._framebuffer = this._framebuffer || new WEBGLFramebuffer(this.device, { handle: null }); return this._framebuffer; } /** Resizes and updates render targets if necessary */ update() { const size = this.getPixelSize(); const sizeChanged = size[0] !== this.presentationSize[0] || size[1] !== this.presentationSize[1]; if (sizeChanged) { this.presentationSize = size; this.resize(); } } /** * Resize the canvas' drawing buffer. * * Can match the canvas CSS size, and optionally also consider devicePixelRatio * Can be called every frame * * Regardless of size, the drawing buffer will always be scaled to the viewport, but * for best visual results, usually set to either: * canvas CSS width x canvas CSS height * canvas CSS width * devicePixelRatio x canvas CSS height * devicePixelRatio * See http://webgl2fundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html */ resize(options) { if (!this.device.gl) return; // Resize browser context . if (this.canvas) { const devicePixelRatio = this.getDevicePixelRatio(options?.useDevicePixels); this.setDevicePixelRatio(devicePixelRatio, options); return; } } commit() { // gl.commit was ultimately removed from the WebGL standard?? // if (this.offScreen && this.gl.commit) { // // @ts-expect-error gl.commit is not officially part of WebGL2RenderingContext // this.gl.commit(); // } } }