情報メディア基礎ゼミ/2018/第5回 のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 情報メディア基礎ゼミ/2018/第5回 へ行く。
  • 1 (2014-05-20 (火) 18:23:35)
  • 2 (2014-05-20 (火) 19:15:57)
  • 3 (2014-05-22 (木) 15:29:13)
  • 4 (2016-05-22 (日) 22:40:37)

---

テクスチャマッピング †

図形の面に画像（面に貼り付ける画像をテクスチャと呼ぶ）を張ることで図形の表現力を向上します．

画像の準備 †

まずは貼り付けたい画像を準備します．

ここでは例として以下の画像を用います．

• http://pixabay.com/en/brick-wall-bricks-building-302589/

ダウンロードした画像は，Processingの[Sketch]⇒[Add File]からSketchに追加しておく必要があります．

テクスチャマッピング †

早速テクスチャマッピングしてみます．

PImage img;

void setup()
{
  size(640, 480, P3D);
  img = loadImage("brick-wall.jpg");
}  

void draw()
{
  background(127, 127, 127);
  camera(100, -100, 100, 0, 0, 0, 0, 1, 0);
  axis(100);
  noStroke();
  beginShape(QUADS);
  texture(img);
  vertex(0, 0, 0, 0, 480);
  vertex(0, -50, 0, 0, 0);
  vertex(50, -50, 0, 640, 0);
  vertex(50, -0, 0, 640, 480);
  endShape();
} 

void axis(float l)
{
  stroke(255, 0, 0);
  line(0, 0, 0, l, 0, 0);
  stroke(0, 255, 0);
  line(0, 0, 0, 0, l, 0);
  stroke(0, 0, 255);
  line(0, 0, 0, 0, 0, l);
}