@lightningjs/renderer
Version:
Lightning 3 Renderer
114 lines • 4.21 kB
JavaScript
/*
* If not stated otherwise in this file or this component's LICENSE file the
* following copyright and licenses apply:
*
* Copyright 2023 Comcast Cable Communications Management, LLC.
*
* Licensed under the Apache License, Version 2.0 (the License);
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { CoreRenderOp } from '../CoreRenderOp.js';
import { WebGlCoreShader } from './WebGlCoreShader.js';
/**
* Can render multiple quads with multiple textures (up to vertex shader texture limit)
*
*/
export class WebGlCoreRenderOp extends CoreRenderOp {
glw;
options;
buffers;
shader;
shaderProps;
alpha;
clippingRect;
dimensions;
bufferIdx;
zIndex;
renderToTexture;
parentHasRenderTexture;
framebufferDimensions;
length = 0;
numQuads = 0;
textures = [];
maxTextures;
constructor(glw, options, buffers, shader, shaderProps, alpha, clippingRect, dimensions, bufferIdx, zIndex, renderToTexture, parentHasRenderTexture, framebufferDimensions) {
super();
this.glw = glw;
this.options = options;
this.buffers = buffers;
this.shader = shader;
this.shaderProps = shaderProps;
this.alpha = alpha;
this.clippingRect = clippingRect;
this.dimensions = dimensions;
this.bufferIdx = bufferIdx;
this.zIndex = zIndex;
this.renderToTexture = renderToTexture;
this.parentHasRenderTexture = parentHasRenderTexture;
this.framebufferDimensions = framebufferDimensions;
this.maxTextures = shader.supportsIndexedTextures
? glw.getParameter(glw.MAX_VERTEX_TEXTURE_IMAGE_UNITS)
: 1;
}
addTexture(texture) {
const { textures, maxTextures } = this;
let existingIdx = -1;
const texturesLength = textures.length;
for (let i = 0; i < texturesLength; i++) {
const t = textures[i];
if (t === texture) {
existingIdx = i;
break;
}
}
if (existingIdx !== -1) {
return existingIdx;
}
if (texturesLength >= maxTextures) {
return 0xffffffff;
}
this.textures.push(texture);
return texturesLength;
}
draw() {
const { glw, shader, shaderProps, options } = this;
const { shManager } = options;
shManager.useShader(shader);
shader.bindRenderOp(this, shaderProps);
// TODO: Reduce calculations required
const quadIdx = (this.bufferIdx / 32) * 6 * 2;
// Clipping
if (this.clippingRect.valid) {
const { x, y, width, height } = this.clippingRect;
const pixelRatio = this.parentHasRenderTexture ? 1 : options.pixelRatio;
const canvasHeight = options.canvas.height;
const clipX = Math.round(x * pixelRatio);
const clipWidth = Math.round(width * pixelRatio);
const clipHeight = Math.round(height * pixelRatio);
let clipY = Math.round(canvasHeight - clipHeight - y * pixelRatio);
// if parent has render texture, we need to adjust the scissor rect
// to be relative to the parent's framebuffer
if (this.parentHasRenderTexture) {
clipY = this.framebufferDimensions
? this.framebufferDimensions.height - this.dimensions.height
: 0;
}
glw.setScissorTest(true);
glw.scissor(clipX, clipY, clipWidth, clipHeight);
}
else {
glw.setScissorTest(false);
}
glw.drawElements(glw.TRIANGLES, 6 * this.numQuads, glw.UNSIGNED_SHORT, quadIdx);
}
}
//# sourceMappingURL=WebGlCoreRenderOp.js.map