メディア演習C(CG)/第2回
をテンプレートにして作成
開始行:
**モデリング [#q1f9d010]
3次元図形を作っていきます.
**beginShape,endShape関数 [#i7d5a84f]
3D空間は前回の続きで,以下のように設定します.
#ref(../第1回/changecam.png,50%);
void setup()
{
size(640, 480, P3D);
}
void draw()
{
background(127, 127, 127);
camera(100, -100, 100, 0, 0, 0, 0, 1, 0);
stroke(255, 0, 0);
line(0, 0, 0, 100, 0, 0);
stroke(0, 255, 0);
line(0, 0, 0, 0, 100, 0);
stroke(0, 0, 255);
line(0, 0, 0, 0, 0, 100);
}
Processingでは図形を作成する方法として,以下のような方法...
beginShape();
vertex(0, 0, 0);
vertex(0, -50, 0);
vertex(50, -50, 0);
vertex(50, 0, 0);
endShape(CLOSE);
beginShape関数で,図形の作成の開始を宣言します.vertex関...
#ref(./verticies.png,50%);
2次元の図形と同じように,図形の輪郭線の色はstroke関数で,...
**PShapeクラス(*Ver.2.0以上) [#v3a3b7d2]
図形を作成するもう一つの方法としてPShapeクラスを用いる方...
PShape s;
void setup()
{
...
s = createShape();
s.beginShape();
s.vertex(0, 0, 0);
s.vertex(0, -50, 0);
s.vertex(50, -50, 0);
s.vertex(50, 0, 0);
s.endShape(CLOSE);
}
void draw()
{
...
shape(s);
}
色を除けばbeginShape,endShape関数と同じ実行結果が得られ...
PShapeクラスのインスタンスをcreateShape関数で生成し,メソ...
描画する際は,shape関数にPShapeクラスのインスタンスを引数...
また色を変更したい場合はfillメソッド,strokeメソッドを使...
s = createShape();
s.beginShape();
s.stroke(0, 255, 0);
s.fill(0, 255, 255);
s.vertex(0, 0, 0);
s.vertex(0, -50, 0);
s.vertex(50, -50, 0);
s.vertex(50, 0, 0);
s.endShape(CLOSE);
**beginShape,endShape関数とPShapeクラスの使い分け [#u08a...
beginShape,endShape関数による図形の作成は手軽に使えると...
PShapeクラスは,使用するために少し準備が必要です.しかし...
**図形を作成する関数 [#c76df6a5]
基本的な図形は,作成してくれる関数が用意されています.
四角形:box関数~
-http://www.processing.org/reference/box_.html
球:sphere関数~
-http://www.processing.org/reference/sphere_.html
**図形の形状の変更 [#fb1ffda3]
vertex関数,またはvertexメソッドで作成された頂点をどのよ...
詳細はリファレンスを参照してください.
-https://www.processing.org/reference/beginShape_.html
**課題の提出先・提出方法 [#h475884f]
招待されているBoxアップロードフォルダ「第2回」に自身の学...
''提出締め切り:5月3日(水) 23:59''
BOXアップロードフォルダの招待メールが来ていない,また,We...
**課題1 [#t0e83722]
円盤を作成せよ.
提出スケッチフォルダ名:BASIC2_1
#ref(./disk.png,50%);
**課題2 [#vb2a9c04]
円柱を作成せよ.
提出スケッチフォルダ名:BASIC2_2
以下の画像では,側面の板をbeginShape(TRIANGLES);で作成し...
#ref(./cylinder.png,50%);
**課題3(任意) [#q99c737f]
sphere関数を用いずに球のモデルを作成せよ(分割数などは任...
提出スケッチフォルダ名:ADVANCE2_1
-https://processing.org/reference/sphere_.html
ヒント:「[[球 パラメータ形式:https://www.google.com/sea...
・実装例
#ref(./advance_2_1.png,50%);
上図に示す通り,経度,緯度方向に平面を並べて構成された球...
#ref(./icosphere.png,50%);
終了行:
**モデリング [#q1f9d010]
3次元図形を作っていきます.
**beginShape,endShape関数 [#i7d5a84f]
3D空間は前回の続きで,以下のように設定します.
#ref(../第1回/changecam.png,50%);
void setup()
{
size(640, 480, P3D);
}
void draw()
{
background(127, 127, 127);
camera(100, -100, 100, 0, 0, 0, 0, 1, 0);
stroke(255, 0, 0);
line(0, 0, 0, 100, 0, 0);
stroke(0, 255, 0);
line(0, 0, 0, 0, 100, 0);
stroke(0, 0, 255);
line(0, 0, 0, 0, 0, 100);
}
Processingでは図形を作成する方法として,以下のような方法...
beginShape();
vertex(0, 0, 0);
vertex(0, -50, 0);
vertex(50, -50, 0);
vertex(50, 0, 0);
endShape(CLOSE);
beginShape関数で,図形の作成の開始を宣言します.vertex関...
#ref(./verticies.png,50%);
2次元の図形と同じように,図形の輪郭線の色はstroke関数で,...
**PShapeクラス(*Ver.2.0以上) [#v3a3b7d2]
図形を作成するもう一つの方法としてPShapeクラスを用いる方...
PShape s;
void setup()
{
...
s = createShape();
s.beginShape();
s.vertex(0, 0, 0);
s.vertex(0, -50, 0);
s.vertex(50, -50, 0);
s.vertex(50, 0, 0);
s.endShape(CLOSE);
}
void draw()
{
...
shape(s);
}
色を除けばbeginShape,endShape関数と同じ実行結果が得られ...
PShapeクラスのインスタンスをcreateShape関数で生成し,メソ...
描画する際は,shape関数にPShapeクラスのインスタンスを引数...
また色を変更したい場合はfillメソッド,strokeメソッドを使...
s = createShape();
s.beginShape();
s.stroke(0, 255, 0);
s.fill(0, 255, 255);
s.vertex(0, 0, 0);
s.vertex(0, -50, 0);
s.vertex(50, -50, 0);
s.vertex(50, 0, 0);
s.endShape(CLOSE);
**beginShape,endShape関数とPShapeクラスの使い分け [#u08a...
beginShape,endShape関数による図形の作成は手軽に使えると...
PShapeクラスは,使用するために少し準備が必要です.しかし...
**図形を作成する関数 [#c76df6a5]
基本的な図形は,作成してくれる関数が用意されています.
四角形:box関数~
-http://www.processing.org/reference/box_.html
球:sphere関数~
-http://www.processing.org/reference/sphere_.html
**図形の形状の変更 [#fb1ffda3]
vertex関数,またはvertexメソッドで作成された頂点をどのよ...
詳細はリファレンスを参照してください.
-https://www.processing.org/reference/beginShape_.html
**課題の提出先・提出方法 [#h475884f]
招待されているBoxアップロードフォルダ「第2回」に自身の学...
''提出締め切り:5月3日(水) 23:59''
BOXアップロードフォルダの招待メールが来ていない,また,We...
**課題1 [#t0e83722]
円盤を作成せよ.
提出スケッチフォルダ名:BASIC2_1
#ref(./disk.png,50%);
**課題2 [#vb2a9c04]
円柱を作成せよ.
提出スケッチフォルダ名:BASIC2_2
以下の画像では,側面の板をbeginShape(TRIANGLES);で作成し...
#ref(./cylinder.png,50%);
**課題3(任意) [#q99c737f]
sphere関数を用いずに球のモデルを作成せよ(分割数などは任...
提出スケッチフォルダ名:ADVANCE2_1
-https://processing.org/reference/sphere_.html
ヒント:「[[球 パラメータ形式:https://www.google.com/sea...
・実装例
#ref(./advance_2_1.png,50%);
上図に示す通り,経度,緯度方向に平面を並べて構成された球...
#ref(./icosphere.png,50%);
ページ名: