1. 画像の貼りつけと拡大 N. Shimizu chikoski＠kaetsu.ac.jp

2. まず画像を作ります Adobe Illustratorなどで ファイルタイプは「SVG」にする SVGにすると拡大、縮小がやりやすい 滑らかに拡大できる

3. 作った画像をスケッチに加える

4. 画像用の変数を宣言する PShape型の変数を用意する 宣言例： PShapes; // 画像を記憶するための変数sを宣言

5. 画像のロードと描画 スケッチに足した画像であるaa.svgをロードし、 sに代入 s = loadShape(“aa.svg”); shape(s, 100, 100); (100, 100)を左上の点として、 画像sを描画

6. 拡大・縮小 shape(s, 100, 150, 200, 300); // sを(100, 150)の点を左上の点として、 // 幅200px, 高さ300pxで描画 shape(s, 310, 150, s.width * 0.8, s.height * 0.8); // sを(310, 150)の点を左上の点として、 // 元画像の80%の高さと幅で描画

7. 利用例 PShapes; float ratio; void setup(){ size(400, 400); background(255); ratio = 1; s = loadShape("aa.svg"); shapeMode(CENTER); } void draw(){ background(255); if(mousePressed){ ratio = ratio * 1.01; shape(s, mouseX, mouseY, s.width * ratio, s.height * ratio); }else{ ratio = 1; shape(s, mouseX, mouseY); } }