let img;

​

function preload() {

  img = loadImage("sky.png"); // 画像を読み込む

}

​

function setup() {

  createCanvas(img.width, img.height);

​

  for (let y = 0; y < img.height; y++) {

    for (let x = 0; x < img.width; x++) {

      let c = img.get(x, y); // ピクセル値を取り出す

      let gray = 0.3 * red(c) + 0.59 * green(c)+ 0.11 * blue(c);  

      img.set(x, y, color(gray,gray,gray)); // 反転した色を設定する

    }

  }

​

  img.updatePixels();

  image(img, 0, 0); // 画像を表示する

}

​

function draw() {}

​