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

Question

我对webgl很陌生，我在玩类赋值的示例代码，我似乎无法用我有限的javascript和webgl知识找到实现我目标的方法。所以我想让它画一个随机三角形，并在不清除最后一个三角形的情况下移动到下一帧，然后在屏幕空间中画另一个三角形。然而我不知道该怎么做。我尝试在render函数中运行window.requestAnimeFrame函数，并注释掉gl.clear函数，这样可以清除缓冲区，但不允许三角形持久存在，也不会生成新的随机三角形

谢谢你的帮助和建议。

Answer 1

默认情况下，WebGL每一帧都会自动清除画布。如果希望画布的先前内容跨框架保留，则需要在通过传入创建WebGL上下文时通知WebGLpreserveDrawingBuffer:true如中所示

const gl=someCanvas.getContext（“webgl”，{preserveDrawingBuffer:true}）；