メディア演習C(CG)/第1回
をテンプレートにして作成
開始行:
**準備・座標系 [#te0a196b]
Processingの導入および,Processingにおける座標系など基本...
**Processing [#ha63c0f4]
本講義ではProcessingの[[最新版:https://www.processing.org...
**3Dにする [#u063fef1]
Processingで3Dを使用する場合は,size関数の引数を変更しま...
size(640, 480, P3D);
前2つは画面のサイズです.3番目の引数に「P3D」という文字列...
''トラブルシューティング:''
''P3Dを加えると,実行に非常に時間がかかる,もしくは実行ウ...
-ウイルスバスター クラウドを一時停止する方法 | サポート Q...
-Processing P3D windows takes 30 seconds to 1 minute to a...
''実行した後表示されるウインドウがタスクバーにめり込む''
size関数後,
surface.setLocation(200, 200);
でウインドウ位置を変更することで回避できます.
**描いてみる [#f39ea13c]
3次元の座標軸をline関数で描いてみます.今までと異なり,引...
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);
結果を見てみると特に変化がなく2次元で描画されているように...
#ref(./firststep.png);
**カメラ [#j7d8f419]
結果が2Dにしか見えないのは,カメラの配置のためです.デフ...
camera(width/2.0, height/2.0, (height/2.0) / tan(PI*30.0...
Processingではデフォルトで左手座標系なので以下のようにな...
#ref(./world.png);
カメラの位置,注視点を変更してみます.
camera(100, -100, 100, 0, 0, 0, 0, 1, 0);
X軸,Y軸,Z軸が表示され,3Dであることが確認できました.
#ref(./secondstep.png);
カメラの位置は以下のようになっています.
#ref(./changecam.png);
**課題の提出先・提出方法 [#h475884f]
招待されているBoxアップロードフォルダ「第1回」に自身の学...
''提出締め切り:4月23日(火) 23:59''
BOXアップロードフォルダの招待メールが来ていない,また,We...
**課題1 [#p88bf156]
setup関数,draw関数を導入して,カメラが原点を注視しながら...
提出フォルダ名:BASIC1_1
実装例:&ref(./kadai1.mp4);(名前を付けて保存,もしくは閲...
-setup,draw関数の説明(コンピュータプログラミングIより)~
https://www.mlab.im.dendai.ac.jp/programming/2021/intro/l...
-回転運動(コンピュータプログラミングIより)~
https://www.mlab.im.dendai.ac.jp/programming/2021/intro/l...
**課題2 [#fd3dd795]
課題1を改良し,マウスのいずれかのボタンをクリックしている...
''*マウスボタンを離すとカメラ高さが元に戻ったり,クリッ...
ヒント:カメラ高さにマウスの1フレーム前からのY軸移動量を...
ヒント:前フレームのマウスY軸位置は自身でグローバル変数を...
提出フォルダ名:BASIC1_2
実装例:&ref(./kadai2.mp4);(名前を付けて保存,もしくは閲...
-マウスのボタンが押されているかの判断(コンピュータプログ...
https://www.mlab.im.dendai.ac.jp/programming/2021/intro/l...
-マウスの座標の取得(コンピュータプログラミングIより)~
https://www.mlab.im.dendai.ac.jp/programming/2021/intro/l...
**課題3(任意)[#x07933dc]
現在,一般的な3DCGソフトでは,マウスのいずれかのボタンを...
提出フォルダ名:ADVANCE1_1
-参考:国産モデリングソフト [[Metasequoia 4:http://www.me...
&ref(Metasequoia4.mp4);
実装例(座標軸だけではカメラの動きが分かりづらいため[[sph...
#ref(rotcam.mp4);
***ヒント [#k3ec8bb6]
実装方法の一例を示す。
まずは、カメラの移動を、上下方向と、左右方向の2パターンに...
上下方向の場合、まずは、カメラの初期位置となる位置ベクト...
マウスY方向の移動量の総和を角度θとして、基準ベクトルを、~
X軸回りに、θ度回転させた位置が、新たなカメラの位置となる。~
これで、上下方向の移動が実現できる。
ただし、θが+90度以上、もしくは-90度以下になった場合、~
カメラの上下方向が反転してしまうため、値を制限する必要が...
ここで基準ベクトルとあるが,Processingには標準でベクトル...
float vx = 0;
float vy = 0:
float vz = 10;
としてもよい.
#ref(./updown.png);
左右方向も行う場合には,マウスX方向の移動量の総和を角度φ...
#ref(./leftright.png);
参考:X軸回転,Y軸回転の計算(3年前期CGモデリングおよび演...
#ref(./rotx.png,50%);
#ref(./roty.png,50%);
終了行:
**準備・座標系 [#te0a196b]
Processingの導入および,Processingにおける座標系など基本...
**Processing [#ha63c0f4]
本講義ではProcessingの[[最新版:https://www.processing.org...
**3Dにする [#u063fef1]
Processingで3Dを使用する場合は,size関数の引数を変更しま...
size(640, 480, P3D);
前2つは画面のサイズです.3番目の引数に「P3D」という文字列...
''トラブルシューティング:''
''P3Dを加えると,実行に非常に時間がかかる,もしくは実行ウ...
-ウイルスバスター クラウドを一時停止する方法 | サポート Q...
-Processing P3D windows takes 30 seconds to 1 minute to a...
''実行した後表示されるウインドウがタスクバーにめり込む''
size関数後,
surface.setLocation(200, 200);
でウインドウ位置を変更することで回避できます.
**描いてみる [#f39ea13c]
3次元の座標軸をline関数で描いてみます.今までと異なり,引...
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);
結果を見てみると特に変化がなく2次元で描画されているように...
#ref(./firststep.png);
**カメラ [#j7d8f419]
結果が2Dにしか見えないのは,カメラの配置のためです.デフ...
camera(width/2.0, height/2.0, (height/2.0) / tan(PI*30.0...
Processingではデフォルトで左手座標系なので以下のようにな...
#ref(./world.png);
カメラの位置,注視点を変更してみます.
camera(100, -100, 100, 0, 0, 0, 0, 1, 0);
X軸,Y軸,Z軸が表示され,3Dであることが確認できました.
#ref(./secondstep.png);
カメラの位置は以下のようになっています.
#ref(./changecam.png);
**課題の提出先・提出方法 [#h475884f]
招待されているBoxアップロードフォルダ「第1回」に自身の学...
''提出締め切り:4月23日(火) 23:59''
BOXアップロードフォルダの招待メールが来ていない,また,We...
**課題1 [#p88bf156]
setup関数,draw関数を導入して,カメラが原点を注視しながら...
提出フォルダ名:BASIC1_1
実装例:&ref(./kadai1.mp4);(名前を付けて保存,もしくは閲...
-setup,draw関数の説明(コンピュータプログラミングIより)~
https://www.mlab.im.dendai.ac.jp/programming/2021/intro/l...
-回転運動(コンピュータプログラミングIより)~
https://www.mlab.im.dendai.ac.jp/programming/2021/intro/l...
**課題2 [#fd3dd795]
課題1を改良し,マウスのいずれかのボタンをクリックしている...
''*マウスボタンを離すとカメラ高さが元に戻ったり,クリッ...
ヒント:カメラ高さにマウスの1フレーム前からのY軸移動量を...
ヒント:前フレームのマウスY軸位置は自身でグローバル変数を...
提出フォルダ名:BASIC1_2
実装例:&ref(./kadai2.mp4);(名前を付けて保存,もしくは閲...
-マウスのボタンが押されているかの判断(コンピュータプログ...
https://www.mlab.im.dendai.ac.jp/programming/2021/intro/l...
-マウスの座標の取得(コンピュータプログラミングIより)~
https://www.mlab.im.dendai.ac.jp/programming/2021/intro/l...
**課題3(任意)[#x07933dc]
現在,一般的な3DCGソフトでは,マウスのいずれかのボタンを...
提出フォルダ名:ADVANCE1_1
-参考:国産モデリングソフト [[Metasequoia 4:http://www.me...
&ref(Metasequoia4.mp4);
実装例(座標軸だけではカメラの動きが分かりづらいため[[sph...
#ref(rotcam.mp4);
***ヒント [#k3ec8bb6]
実装方法の一例を示す。
まずは、カメラの移動を、上下方向と、左右方向の2パターンに...
上下方向の場合、まずは、カメラの初期位置となる位置ベクト...
マウスY方向の移動量の総和を角度θとして、基準ベクトルを、~
X軸回りに、θ度回転させた位置が、新たなカメラの位置となる。~
これで、上下方向の移動が実現できる。
ただし、θが+90度以上、もしくは-90度以下になった場合、~
カメラの上下方向が反転してしまうため、値を制限する必要が...
ここで基準ベクトルとあるが,Processingには標準でベクトル...
float vx = 0;
float vy = 0:
float vz = 10;
としてもよい.
#ref(./updown.png);
左右方向も行う場合には,マウスX方向の移動量の総和を角度φ...
#ref(./leftright.png);
参考:X軸回転,Y軸回転の計算(3年前期CGモデリングおよび演...
#ref(./rotx.png,50%);
#ref(./roty.png,50%);
ページ名: