情報メディア基礎ゼミ/2018/第5回
をテンプレートにして作成
開始行:
**テクスチャマッピング,モデル表示 [#ucda70c3]
図形の面に画像(面に貼り付ける画像をテクスチャと呼ぶ)を...
また,より複雑な図形を表示するため,ライブラリを使用して...
**画像の準備 [#c9a7473c]
まずは貼り付けたい画像を準備します.
ここでは例として以下の画像を用います.
-http://pixabay.com/en/brick-wall-bricks-building-302589/
ダウンロードした画像は,Processingの[Sketch]⇒[Add File]か...
#ref(./addfile.png,50%);
**テクスチャマッピング [#u052bc60]
早速テクスチャマッピングしてみます.
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);
}
#ref(./wall.png,50%);
変更点としては,画像を読み込むため,PImageクラスのインス...
またテクスチャを面にどのように貼り付けるのか指定する必要...
以下のように,vertex関数に引数が追加されています.
vertex(0, 0, 0, 0, 480);
前半3つは従来から使っていたx,y,z,後半2つがテクスチャマッ...
**モデル表示 [#w88a5c43]
ここまで図形(以降モデルと呼びます)はプログラムで作成し...
しかしながら,より複雑なモデルを表示するには,モデルを作...
自分で一からモデルを読み込むプログラムを書いても良いです...
ここでは一例として,国産のモデリングソフトである「メタセ...
-メタセコイア:http://metaseq.net/jp/
**Model3DView [#n44f1272]
[[Writing Cafe:http://cafe.eyln.com/cgi-bin/wiki/wiki.cgi...
-http://cafe.eyln.com/p5/Model3DView/
配布されているライブラリ(MQOLoader.zip)をダウンロードし...
ユーザ名\Documents\Processing\libraries
へコピーします.
Processingを起動し,[File]⇒[Examples]でMQOLoaderが表示さ...
#ref(./mqoloader.png,50%);
具体的な使い方は「HelloModel」のコードを見るのが早いので...
**課題 [#vdde6c4b]
以下のようなアプリケーションを作成せよ.
-使用するテクスチャ,モデルは自身で作成しても構わない
-ライトの設定は自由とする
#ref(./kadai.wmv);
テクスチャ:
PNG:
#ref(./road.png);
JPEG:
#ref(./road.jpg);
モデル:
#ref(./car.mqo);
**任意課題 [#o42680d7]
上記課題をゲーム化せよ
実装例:
#ref(sample.zip);
-Windows10の場合,実行をセキュリティ関係で止められてしま...
終了行:
**テクスチャマッピング,モデル表示 [#ucda70c3]
図形の面に画像(面に貼り付ける画像をテクスチャと呼ぶ)を...
また,より複雑な図形を表示するため,ライブラリを使用して...
**画像の準備 [#c9a7473c]
まずは貼り付けたい画像を準備します.
ここでは例として以下の画像を用います.
-http://pixabay.com/en/brick-wall-bricks-building-302589/
ダウンロードした画像は,Processingの[Sketch]⇒[Add File]か...
#ref(./addfile.png,50%);
**テクスチャマッピング [#u052bc60]
早速テクスチャマッピングしてみます.
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);
}
#ref(./wall.png,50%);
変更点としては,画像を読み込むため,PImageクラスのインス...
またテクスチャを面にどのように貼り付けるのか指定する必要...
以下のように,vertex関数に引数が追加されています.
vertex(0, 0, 0, 0, 480);
前半3つは従来から使っていたx,y,z,後半2つがテクスチャマッ...
**モデル表示 [#w88a5c43]
ここまで図形(以降モデルと呼びます)はプログラムで作成し...
しかしながら,より複雑なモデルを表示するには,モデルを作...
自分で一からモデルを読み込むプログラムを書いても良いです...
ここでは一例として,国産のモデリングソフトである「メタセ...
-メタセコイア:http://metaseq.net/jp/
**Model3DView [#n44f1272]
[[Writing Cafe:http://cafe.eyln.com/cgi-bin/wiki/wiki.cgi...
-http://cafe.eyln.com/p5/Model3DView/
配布されているライブラリ(MQOLoader.zip)をダウンロードし...
ユーザ名\Documents\Processing\libraries
へコピーします.
Processingを起動し,[File]⇒[Examples]でMQOLoaderが表示さ...
#ref(./mqoloader.png,50%);
具体的な使い方は「HelloModel」のコードを見るのが早いので...
**課題 [#vdde6c4b]
以下のようなアプリケーションを作成せよ.
-使用するテクスチャ,モデルは自身で作成しても構わない
-ライトの設定は自由とする
#ref(./kadai.wmv);
テクスチャ:
PNG:
#ref(./road.png);
JPEG:
#ref(./road.jpg);
モデル:
#ref(./car.mqo);
**任意課題 [#o42680d7]
上記課題をゲーム化せよ
実装例:
#ref(sample.zip);
-Windows10の場合,実行をセキュリティ関係で止められてしま...
ページ名: