Recommended
More Related Content
More from Atelier Frameworks
More from Atelier Frameworks (20)
ヒカリノアトリエ演出「ヒカリの球を描く」
- 1. ヒカリの球を 描く 1
- 2. 仕様まとめ Kinectで手の座標を取得し，取得した座標から雪のパーティクルを発生させる 認識する手の最大数は4つを想定 ある動作によってモードが変更 モードは2種類であり一方通行となっている 2
- 8. A_BaseApp.hの確認 • 変数の用途について説明します • MovePos 手の進行方向を求めるのに使います 第1引数が手の区別 第2引数が1フレーム前と現在の手の座標の区別 • limit パーティクルの移動速度の最大値・最小値を 制限するのに使います (モード2のときは別の役割を持ちます) • timeCount A_Particleのインスタンスを作成する間隔を 管理するのに使います 8
- 10. updateの続き • Kinect(v1)の解像度は640×480なので， 使用するディスプレイのサイズに合わせましょう • MovePosの座標を比較することで手の動きを 求めることができます • 条件を timeCount > Framerate × 秒数 とすると 秒数を発生する間隔にでき，間隔ごとに インスタンスを作成しVectorの配列に格納されます • パーティクルのインスタンスが規定数を超えると 作成された順に削除されていきます • mode2のときはlimitが中心点を表す変数になります 詳しくは後述… 10
- 11. updateの続き②とdraw • Mode変更に関する部分です 任意の二つの手が一定以上近づくとmodeを2に変えパーティクルをすべて削除します • 二つの手の中心点を計算しcenterを設定します • drawでは背景と パーティクルを描きます 混色法を変えていることに 注意してください 11
- 12. A_Particleのモードを確認する • A_Particleクラスは二つのモードが描かれているので モードごとに分けて紹介していきます • モードの仕様について確認しておきます • モード1 手からパーティクルが発生 パーティクルの進行方向は手の進行方向によって変化 • モード2 パーティクルはある点を中心に楕円を描くように回転 円の中心はモード変更時に用いた二つの手の中間点 12
- 13. A_Particle.hの確認 • 一つのパーティクルのために二つの画像を使っています img snow • Imgがsnowの周りを高速で回転することによって snowが輝いているようにみえます 13
- 14. モード1から紹介します • setupでは • 画像をロードします これは両モード共通です • X方向,y方向の速さを手の進む向きを もとにランダムに決定します • updateでは • posにvelを加えて移動させていきます 14
- 16. 相対座標の説明 • ofPushMatrix() 現在の座標系の保存 • ofTranslate(x, y) x,yを基準とした座標に変更する • ofRotate(angle) 座標系をangleだけ回転させる • ofPopMatrix() 保存した座標系に戻る 16
- 18. 相対座標の説明③ • この画像を使って試してみましょう • 左が座標系の基準を変更せずに回転させたもので 右が画面中央に基準に変更して回転させたものです • 座標系を変更することでその場で回転させることができます 18
- 22. 閲覧ありがとうございました • 以上で当演出の説明は終わりです まとめ • 筆者はプログラムの基礎の確認もかねて計算等を自分で行って いましたが、二点間の距離を求める ofDist など openFrameworksには便利なメソッドが多くあるので煩雑な計算 をすることなく値を求めることができます • 座標を変更することで容易に複雑な動作をすることができます • 他の演出についても投稿していますので参考にしてください 22