Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
チームラボ流
モーション制作術
チームラボ株式会社
田口 優希
ー 後編 ー
●参考動画(example.mp4、skeleton.mp4)
●資料(PDF印刷)
●ポーズライブラリ(hackathon.xap)
●ボックスライブラリ(hackathonフォルダ)
GitHub
http://git.io/IAtS5g
...
本日の課題
1.「3、2、1ハイッ!」を人間らしい動き
に調整する
A.手で円を描く
B.関節の動くタイミングをずらす
2.2つのタイムラインをつなげて滑らかに
動かす
3.モーションに合わせて音声を付ける
参考モーション
頭のコントロール
右腕のコントロール
左腕のコントロール
足腰のコントロール
1.「3、2、1ハイッ!」を人間
らしい動きに調整する
●メインの動き
○右腕を振り上げる
○右手で円を描く
○右腕を振り下ろす
●サブの動き
○頭の動き
○左腕の振り
○左手の開き方
○腰の動き
A.右手で円を描くモーションを作る
ポイント
●腕を斜めに動かすモーションを作る
○RElbowRoll、RElbowYewの関節を調整す
る
●Timeline EditorでRElbowRollのキーフレーム
を右に移動する
※RShoul...
「3, 2, 1, Hi」ボックスの調整前
キーフレームを設定(状態1)
キーフレームをコピー(状態1)
キーフレームをコピー(状態2)
RElbowRollのキーフレームを選択
RElbowRollのキーフレームを移動
手を回すモーション完成
何が起きたのか?
RElbowRollとRElbowYewにsinとcos
の関係を適応した
B.関節の動きを滑らかにする
ポイント
●関節が動き出すタイミングをずらす
○勢い良く腕を振り下ろす場合
肩→ひじの順番
○ゆっくり腕を振り下ろす場合
ひじ→肩の順番
※振り方によって順番は入れ替わる
関節の動きの修正ポイント
ポイント
●接続部分のタイムラインのポーズを合わせる
●タイムライン先頭に空白を入れる
○最低でも10フレーム以上(25fps)
○特に接続部分のポーズ差が大きい場合
●タイミングにシビアな場合は結合してしまう
例)指揮者の動きの部分
2.2つ...
タイムラインの先頭に空白を入れる
指揮者のモーション例
何をやったのか?
ポイント
●タイムラインの動作レイヤーを追加する
○音声レイヤーは分けておく
●音声は実機でないと発音できない
○SayTextボックスのコードを修正すると
WAVEファイルを出力することができる
ALTextToSpeechProxy::sa...
Sayボックスを追加する
Pepperを人間らしく調整しましょう
発表
Pepperモーション制作ハッカソン 〜チームラボ流モーション制作術〜 【後編】
Upcoming SlideShare
Loading in …5
×

Pepperモーション制作ハッカソン 〜チームラボ流モーション制作術〜 【後編】

1,472 views

Published on

チームラボPepperモーション制作ハッカソンのスライドです。
人のように滑らかに動くPepperモーションの制作方法をレクチャーします。

配布ファイル: https://github.com/yuhki50/pepper-hackathon

Published in: Technology
  • Be the first to comment

Pepperモーション制作ハッカソン 〜チームラボ流モーション制作術〜 【後編】

  1. 1. チームラボ流 モーション制作術 チームラボ株式会社 田口 優希 ー 後編 ー
  2. 2. ●参考動画(example.mp4、skeleton.mp4) ●資料(PDF印刷) ●ポーズライブラリ(hackathon.xap) ●ボックスライブラリ(hackathonフォルダ) GitHub http://git.io/IAtS5g 用意されているものの確認
  3. 3. 本日の課題 1.「3、2、1ハイッ!」を人間らしい動き に調整する A.手で円を描く B.関節の動くタイミングをずらす 2.2つのタイムラインをつなげて滑らかに 動かす 3.モーションに合わせて音声を付ける
  4. 4. 参考モーション
  5. 5. 頭のコントロール
  6. 6. 右腕のコントロール
  7. 7. 左腕のコントロール
  8. 8. 足腰のコントロール
  9. 9. 1.「3、2、1ハイッ!」を人間 らしい動きに調整する ●メインの動き ○右腕を振り上げる ○右手で円を描く ○右腕を振り下ろす ●サブの動き ○頭の動き ○左腕の振り ○左手の開き方 ○腰の動き
  10. 10. A.右手で円を描くモーションを作る ポイント ●腕を斜めに動かすモーションを作る ○RElbowRoll、RElbowYewの関節を調整す る ●Timeline EditorでRElbowRollのキーフレーム を右に移動する ※RShoulderPitch、RShoulderRollも同じ要領 で 調整するとさらに人間らしくなる
  11. 11. 「3, 2, 1, Hi」ボックスの調整前
  12. 12. キーフレームを設定(状態1)
  13. 13. キーフレームをコピー(状態1)
  14. 14. キーフレームをコピー(状態2)
  15. 15. RElbowRollのキーフレームを選択
  16. 16. RElbowRollのキーフレームを移動
  17. 17. 手を回すモーション完成
  18. 18. 何が起きたのか? RElbowRollとRElbowYewにsinとcos の関係を適応した
  19. 19. B.関節の動きを滑らかにする ポイント ●関節が動き出すタイミングをずらす ○勢い良く腕を振り下ろす場合 肩→ひじの順番 ○ゆっくり腕を振り下ろす場合 ひじ→肩の順番 ※振り方によって順番は入れ替わる
  20. 20. 関節の動きの修正ポイント
  21. 21. ポイント ●接続部分のタイムラインのポーズを合わせる ●タイムライン先頭に空白を入れる ○最低でも10フレーム以上(25fps) ○特に接続部分のポーズ差が大きい場合 ●タイミングにシビアな場合は結合してしまう 例)指揮者の動きの部分 2.2つのタイムラインをつなげて、 滑らかに動かす
  22. 22. タイムラインの先頭に空白を入れる
  23. 23. 指揮者のモーション例
  24. 24. 何をやったのか?
  25. 25. ポイント ●タイムラインの動作レイヤーを追加する ○音声レイヤーは分けておく ●音声は実機でないと発音できない ○SayTextボックスのコードを修正すると WAVEファイルを出力することができる ALTextToSpeechProxy::sayToFile 3.モーションに合わせて 音声を付ける
  26. 26. Sayボックスを追加する
  27. 27. Pepperを人間らしく調整しましょう
  28. 28. 発表

×