processing 画像処理

Question

processingで画像のピクセルを舐め回して同じものを表示させるプログラムを書いてみたのですが思い通りに表示されないです。
表示された画像をURLで貼ります。左がポイント関数で書いたもので右が元画像になります
２時間くらい悩んだのですがどうしてもわからず投稿させていただきました。
https://gyazo.com/3a631d8f4bdd4df1503ea5a03021d0ed

---

PImage myImg;

void setup(){
size(200,100);
myImg = loadImage("test.png");
image(myImg, 100, 0);
loadPixels();
for(int i = 0; i < myImg.height*2; i++){
for(int j = 0; j < myImg.width; j++){
stroke(pixels[i * myImg.width + j]);
point(j, i);
}
}
}

---

Answer 1

期待通りの画像のピクセルが処理できないのは参照しているピクセルデータが違っていることが原因です。

stroke(pixels[...])

と書いておられますね。このpixelsはmyImgのピクセルデータではありません。Processingのウィンドウ、即ちPAppletのピクセルデータです。

表示しようとしている画像(myImg)のピクセルデータを参照するには以下のようにしてください。

(A) stroke(myImg.pixels[i * myImg.width + j])

ついでにもう一点、

for(int i = 0; i < myImg.height * 2; i++) {

これではiの範囲がmyImgの高さを超えた値になります。このままでは(A)で範囲外のピクセルデータを参照することになり実行時例外が起きてしまいます。

(B) for(int i = 0; i < myImg.height; i++) {

とすべきでしょう。

Comments

[hodoru3sei]

ありがとうございます！
参照しているピクセルが間違っているとは思いませんでした上記の通りに直したところ問題なく表示されました。
Bのほうはいろいろ直すために実験していたコードが残ってしまっていたものです中途半端な状態でコードを載せてしまいすみませんでした。
本当に助かりました