背景画像の色を拾い、svgの図形を敷き詰めてモザイク状の画像を表現したいです。

Question

前提・実現したいこと

背景であるimage.pngに対して、
一定間隔のピクセル毎に色を拾い、読み込んだkigou.svgの図形を敷き詰めて
モザイク状の画像を作りたいと思っています。

発生している問題・エラーメッセージ

kigou.svgが色を拾わず黒の状態で、敷き詰められず1つだけ表示される状態になってしまいます。
ellipse()など、既存の形を使う場合はうまくいきます。

何卒、よろしくお願いします。

該当のソースコード

PImage img;

void setup() {
size (800, 950);
background(255);
img = loadImage("image01.png");

image(img, 0, 0);

noStroke();

for (int y = 0; y < 950; y = y + 2) {
for (int x = 0; x < 800; x = x + 2) {
color col = img.get (x, y);
fill (col);
ellipse(x, y, 5, 5);
}
}

for (int y = 0; y < 950; y = y + 20) {
for (int x = 0; x < 800; x = x + 20) {
  color col = img.get (x, y);
  fill (col);
  PShape k = loadShape("kigou.svg");
  shape(k);

}

}

}

Processing

試したこと

svgを使わず、既存の図形に入れ替える

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

kigou.svgがどんなデータかわからないのですが、
k.disableStyle();
を作用させてみたらどうなるでしょう。
https://processing.org/reference/PShape_disableStyle_.html

関係ないけど、ループのなかで毎回、都合2000回ちかく同じデータをloadShapeする必要はなさそうに思います。

Comments

[kamime]

うまくいきました！ありがとうございます！
loadShapeもループの外に出してみました！