代码之家  ›  专栏  ›  技术社区  ›  x2dragunov2x

每帧绘制一个持久三角形[重复]

  •  0
  • x2dragunov2x  · 技术社区  · 7 年前

    我对webgl很陌生,我在为一个类中的作业处理示例代码,我似乎无法用我有限的javascript和webgl知识找到一种方法来实现我的目标。所以我想让它画一个随机的三角形,在不清除最后一个三角形的情况下移动到下一帧,然后在屏幕空间中画另一个三角形。但是我不知道该怎么做。我试过打开窗户。render函数中的requestAnimeFrame函数,以及注释出gl。clear函数,以便清除缓冲区,但不允许三角形持续存在,也不生成新的随机三角形

    谢谢你的帮助和建议。

    1 回复  |  直到 7 年前
        1
  •  0
  •   gman    7 年前

    默认情况下,WebGL会在每一帧自动清除画布。如果您希望画布的先前内容在各个帧之间保持不变,则需要在通过传入创建WebGL上下文时告诉WebGL preserveDrawingBuffer: true

    const gl = someCanvas.getContext("webgl", { preserveDrawingBuffer: true });