xxxxxxxxxx
/*@pgs preload="gazou.png";*/
PImage img; //画像を格納するための変数(PImage型)
size(300, 300); //画面のサイズ
//背景色
img = loadImage("gazou.png"); //ファイルから画像を読んで、imgに格納
//画像を表示(画像の変数名, 左上のx座標, 左上のy座標,
size(400,400); //ウィンドウサイズ
background(230);
noStroke(); //線を描かない
strokeWeight(3);
fill(243,255,121); //図形の中に色
rect(133,0,130,70); //四角形の描画01
strokeWeight(3);
fill(252,117,117); //図形の中に色
rect(0,0,130,130); //四角形の描画02
strokeWeight(3);
fill(217,121,255); //図形の中に色
rect(70,70,130,130); //四角形の描画03
strokeWeight(3);
fill(121,144,255); //図形の中に色
rect(140,140,130,130); //四角形の描画04
strokeWeight(3);
fill(121,255,238); //図形の中に色
rect(210,210,130,130); //四角形の描画05
strokeWeight(3);
fill(243,255,121); //図形の中に色
rect(280,280,130,130); //四角形の描画06
strokeWeight(3);
fill(243,255,121); //図形の中に色
rect(8,203,130,130); //四角形の描画07
strokeWeight(3);
fill(252,117,117); //図形の中に色
rect(78,273,130,130); //四角形の描画08
strokeWeight(3);
fill(121,144,255); //図形の中に色
rect(148,343,130,130); //四角形の描画09
strokeWeight(3);
fill(121,255,238); //図形の中に色
rect(203,8,130,130); //四角形の描画010
strokeWeight(3);
fill(217,121,255); //図形の中に色
rect(273,78,130,130); //四角形の描画11
image(img, 210,210,150, 150);