p5.jsのPGraphicsピクセルにアクセスする方法

Question

p5.jsのPGraphicsインスタンスからピクセルにアクセスしようとしていますが、loadPixels()を呼び出しても配列が空です。ここで

は、私が試したものです：

var buffer; 

function setup() { 
    createCanvas(100,100); 
    pixelDensity(1); 

    buffer = createGraphics(100,100); 
    buffer.background(128); 
} 

function draw() { 
    image(buffer,0,0); 
} 

function mouseDragged(){ 
    buffer.ellipse(mouseX,mouseY,3,3); 
    buffer.loadPixels(); 
    console.log(buffer.pixels);//expecint pixels array, getting empty array 
} 

それはp5.jsとPGraphicsのピクセルにアクセスすることは可能ですか？もしそうなら、どうですか？

Answer 1

これはバグであったように表示されます。https://github.com/processing/p5.js/issues/1403

他の関連するバグhereとhere。

最新バージョン（2016年8月17日からバージョン0.5.3）で修正されています。

私のようなp5.jsエディタを使用している場合、明らかに古いバージョンのライブラリが使用されています。最新バージョンをダウンロードしてスケッチフォルダにコピーすることができます。それはエディタの実行の間に残っているようですが、少し怖いですが、多分いくつかの魔法が舞台裏で行われているかもしれません。

とにかく、あなたのコードは、最新バージョンにアップデートした後、期待どおりに動作します。