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

最新推荐文章于 2022-10-02 10:43:11 发布

VIP文章阿豪boy

最新推荐文章于 2022-10-02 10:43:11 发布

阅读量116

点赞数

文章标签： python 数据可视化可视化算法 opengl

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

版权

原文链接: regl buffer和batch 用紧凑的数据批次绘制多个图像

上一篇: regl 多纹理绘制

下一篇: webgl canvas 大小变化导致绘制出现偏差

绘制不同颜色和大小的点

注意浮点型默认是4个字节, 偏移和每段的长度都是要根据自己的情况计算, 取值是根据着色器中定义的数据进行取值的, 所以只需要传入块大小和偏移即可

import REGL from "regl";
import mat4 from "gl-mat4";
import hsv2rgb from "hsv2rgb";

export default () => {
  const regl = REGL();
  const NUM_POINTS = 1000;
  const VERT_SIZE = 4 * (2 + 1 + 3);
  const pointBuffer = regl.buffer(
    Array(NUM_POINTS