每帧绘制一个持久三角形

Question

我是 webgl 的新手，我正在研究来自 class 的作业的示例代码，但我似乎无法以我对 javascript 和 webgl 的有限知识找到解决方法来实现我的目标。所以我想让它随机绘制一个三角形并移动到下一帧而不清除最后一个三角形并在屏幕上绘制另一个三角形 space。但是我不知道该怎么做。我已经尝试运行渲染函数中的 window.requestAnimeFrame 函数，以及注释掉 gl.clear 函数以便它清除缓冲区但不允许三角形持续存在并且没有制作新的随机三角形

感谢您的帮助和建议。

Answer 1

WebGL 默认会自动清除 canvas 每一帧。如果您希望 canvas 的先前内容跨帧保留，您需要在创建 WebGL 上下文时通过传入 preserveDrawingBuffer: true 来告诉 WebGL，如

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

每帧绘制一个持久三角形

drawing a persistent triangle per frame

javascript

webgl