regl 多纹理绘制

最新推荐文章于 2023-12-19 16:58:33 发布

阿豪boy

最新推荐文章于 2023-12-19 16:58:33 发布

阅读量447

点赞数

文章标签： opengl 数据可视化 canvas hive android

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

版权

本文探讨了在regl库中绘制多纹理时遇到的最大纹理单元限制问题，通常为16个。当纹理数量超过16时，可以通过数组形式绘制小于16个的纹理，或者采用批次绘制策略，每次绘制16个纹理。此外，文章还介绍了如何通过记录纹理对象并使用批次渲染来优化大量纹理的绘制过程。

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

原文链接: regl 多纹理绘制

上一篇: opengl 一些基础语法

下一篇: regl buffer和batch 用紧凑的数据批次绘制多个图像

片元中纹理单元不能超过16个

FRAGMENT shader texture image units count exceeds MAX_TEXTURE_IMAGE_UNITS(16)

小于16个的可以使用数组的形式绘制

    uniform sampler2D textureList[${imgList.length}];

  const textureMap = imgList.reduce((pre, cur, i) => {
    pre[`textureList[${i}]`] = regl.texture(cur);
    return pre;
  }, {} as Record<string, Regl.Texture>);
  regl.clear({
    color: [0, 0, 0, 1],
    depth: 1,
  });

再多的话只能按照批次绘制了, 一个批次16个

或者直接单张绘制