regl batch 批量绘制三角形

最新推荐文章于 2024-08-12 13:45:33 发布

阿豪boy

最新推荐文章于 2024-08-12 13:45:33 发布

阅读量78

点赞数

文章标签： webgl canvas log4j2 viewpager cobol

本文链接：https://blog.csdn.net/qq_35516360/article/details/122064608

版权

本文介绍了如何使用regl库进行批量绘制三角形，以优化在WebGL中大体相同但细节有差异的元素的渲染效率。主要关注batchId作为batch数组索引的应用，以及在同帧内tick的同步。

摘要由CSDN通过智能技术生成

原文链接: regl batch 批量绘制三角形

上一篇: regl 多实例绘制ANGLE_instanced_arrays 和 instances

下一篇: regl blend 颜色混合

主要是简化一些大体上相同, 但是细节上有一些不同的元素的绘制

batchId是batch数组的索引, 同一帧里面tick相同

import createRegl from "regl";
export default (canvas: HTMLCanvasElement) => {
  const regl = createRegl({ canvas });
  const draw = regl({
    frag: `
      precision mediump float;
      uniform vec4 color;
      void main() {
        gl_FragColor = color;
      }`,
    vert: `