a-14 メディア(3)ベクタ画像

a-14 メディア ベクタ画像を読み込む

PShape変数を作成してloadShape()でSVGファイルを読み込む

PShape suny;

void setup(){
  size(1280,480);
  suny= loadShape("suny.svg");
}

void draw(){
  background(0);
  shape(suny,640,240,50,50);
}

ベクタ画像とラスタ画像の違い

ベクタ画像はどんなに拡大・縮小しても鮮明さが失われない。

PShape suny;

void setup(){
  size(1280,480);
  shapeMode(CENTER);
  suny= loadShape("suny.svg");
}

void draw(){
  background(0);
  float diameter = map(mouseX,0,width,10,800);
  shape(suny,640,240,diameter,diameter);
}

mouseXに合わせてスケールを変化

縮小

拡大