pepperモーション制作ハッカソン 〜チームラボ流モーション制作術〜...

29
チチチチチチ チチチチチチチチ チチチチチチチチチ チチ チチ チ チチ チ

Upload: teamlab-inc

Post on 13-Jan-2017

929 views

Category:

Technology


1 download

TRANSCRIPT

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

チームラボ流モーション制作術チームラボ株式会社

 田口 優希

   ー後編ー

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

●参考動画( example.mp4、 skeleton.mp4)●資料( PDF印刷)●ポーズライブラリ( hackathon.xap)●ボックスライブラリ( hackathonフォルダ)

GitHubhttp://git.io/IAtS5g

用意されているものの確認

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

本日の課題

1.「3、2、1ハイッ!」を人間らしい動き    に調整する      A.手で円を描く      B.関節の動くタイミングをずらす

2.2つのタイムラインをつなげて滑らかに    動かす

3.モーションに合わせて音声を付ける

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

参考モーション

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

頭のコントロール

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

右腕のコントロール

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

左腕のコントロール

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

足腰のコントロール

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

1.「3、2、1ハイッ!」を人間らしい動きに調整する

●メインの動き  ○右腕を振り上げる

  ○右手で円を描く

  ○右腕を振り下ろす

●サブの動き  ○頭の動き

  ○左腕の振り

  ○左手の開き方

  ○腰の動き

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

A.右手で円を描くモーションを作る

ポイント●腕を斜めに動かすモーションを作る  ○ RElbowRoll、 RElbowYewの関節を調整する

●Timeline Editorで RElbowRollのキーフレーム  を右に移動する

※RShoulderPitch、 RShoulderRollも同じ要領で  調整するとさらに人間らしくなる

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

「 3, 2, 1, Hi」ボックスの調整前

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

キーフレームを設定(状態1)

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

キーフレームをコピー(状態1)

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

キーフレームをコピー(状態2)

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

RElbowRollのキーフレームを選択

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

RElbowRollのキーフレームを移動

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

手を回すモーション完成

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

何が起きたのか?

RElbowRollと RElbowYewに sinとcosの関係を適応した

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

B.関節の動きを滑らかにする

ポイント●関節が動き出すタイミングをずらす  ○勢い良く腕を振り下ろす場合     →肩 ひじの順番

  ○ゆっくり腕を振り下ろす場合     →ひじ 肩の順番

※振り方によって順番は入れ替わる

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

関節の動きの修正ポイント

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

ポイント●接続部分のタイムラインのポーズを合わせる

●タイムライン先頭に空白を入れる  ○最低でも 10フレーム以上( 25fps)  ○特に接続部分のポーズ差が大きい場合

●タイミングにシビアな場合は結合してしまう  例)指揮者の動きの部分

2.2つのタイムラインをつなげて、 滑らかに動かす

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

タイムラインの先頭に空白を入れる

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

指揮者のモーション例

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

何をやったのか?

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

ポイント●タイムラインの動作レイヤーを追加する  ○音声レイヤーは分けておく

●音声は実機でないと発音できない  ○ SayTextボックスのコードを修正すると     WAVEファイルを出力することができる     ALTextToSpeechProxy::sayToFile

3.モーションに合わせて 音声を付ける

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

Sayボックスを追加する

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

Pepperを人間らしく調整しましょう

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

発表