我正在使用 p5.js,并且在屏幕外圖形緩沖區中使用 WebGL 渲染器時遇到奇怪的行為。這是一個簡單的示例,它在畫布上繪制模型并將其縮放至 101% 大小。這按預期工作。每次重新繪制框架時模型都保持靜止。//working WEBGL createCanvas examplelet icosa;function preload() { icosa = loadModel('model.obj', true);}function setup() { createCanvas(800, 800, WEBGL);}function draw() { background(0); //the model remains at 1.01 scale every time the frame is re-drawn, as expected. scale(1.01); model(icosa);}當我使用“createGraphics()”將 webGL 場景渲染到 p5.Graphics 離屏圖形緩沖區時,會發生奇怪的行為。我這樣做是為了進一步處理 2D 畫布上的渲染幀,如下所示://broken WEBGL createGraphics examplelet icosa;let rend3d;function preload() { icosa = loadModel('model.obj', true);}function setup() { rend3d = createGraphics(800, 800, WEBGL); createCanvas(800, 800);}function draw() { rend3d.background(0); //the model continuously scales up every time the frame is re-drawn! rend3d.scale(1.01); rend3d.model(icosa); background(0); image(rend3d, 0,0, 800, 800);}每次重新繪制框架時,模型都會不斷按比例放大。我不確定為什么會發生這種情況,或者是什么導致它的行為與我的第一個示例中的行為不同。
在 p5 中將 createGraphics() 與 WEBGL 一起使用時出現奇怪的行為
拉丁的傳說
2023-08-24 17:51:19