2017-09-14 126 views
0

我對webgl非常陌生,我正在玩着來自類的作業示例代碼,我似乎找不到一種方法來用我有限的JavaScript和webgl知識來完成我的目標。所以我想讓它畫一個隨機的三角形,並移動到下一幀,而不清除最後一個三角形,並在屏幕空間中繪製另一個三角形。但是我不知道如何去做這件事。我已經嘗試在渲染函數中運行window.requestAnimeFrame函數,並註釋掉gl.clear函數,以便清除緩衝區,但不允許三角形持續存在,也不會創建新的隨機三角形。繪製每幀持久性三角形

感謝您的任何幫助和建議。

+0

創建WebGL的情況下,請閱讀告訴WebGL的[如何創建一個最小的,完整的和可驗證的示例] (https://stackoverflow.com/help/mcve)。 – Rabbid76

回答

0

默認情況下,WebGL每幀自動清除畫布。如果你想在畫布前面的內容,以保持整個幀時需要您在preserveDrawingBuffer: true通過在

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