PerfumeのモーションデータをiPhoneアプリにして動かしてみた：Retinaに映える！ iOS美麗アプリ制作入門（2）（1/3 ページ）

デザイン／アート用のC++フレームワーク「openFrameworks」でパーティクルやプリミティブを使ったRetinaに映える美麗なiPhone／iPadアプリの制作方法を紹介します

[蜜葉優，＠IT]

openFrameworksでPerfumeのダンスをiPhoneに

　つい先日の3月30日、Perfumeのダンスのモーションデータ（踊り・動きのデータ）が公開されました。

踊るPerfumeのモーションキャプチャデータ公開　GitHubに「perfume-dev」ページ - ITmedia ニュース via kwout

　このモーションデータには、連載第1回の「Retinaに映える！ 美麗なiPhone／iPadアプリが作れるopenFrameworksとは」で紹介した「openFrameworks」のサンプルアプリがあるので、早速、公式サイト「Perfume official global website」からダウンロードしてiPhoneアプリにして動かしてみました。

　エミュレータですが、とても滑らかにダンスしています。

*** 一部省略されたコンテンツがあります。PC版でご覧ください。 ***

　今回は、このアプリの作り方を紹介します。

Perfumeのモーションデータをダウンロード

　まずは、モーションデータをダウンロードしましょう。公式サイトを開くと、Perfumeのモーションデータが動きます。マウスカーソルを左上に移動させると、「DOWNLOAD」の項目が表示されるので、クリックすると、ダウンロードページに遷移します。

「Perfume official global website」の「DOWNLOAD」ページ

　画面真ん中にあるライセンス「Terms of use」をよく読んだら「You agree to our terms」にチェックを付けて、「BVH」をクリックして、ファイルをダウンロードします。この「BVH」がモーションデータです。

　例えば、あ〜ちゃんのモーションデータ「aachan.bvh」ファイルをテキストエディタで開いてみると、以下のようになっていると思います。

HIERARCHY
ROOT Hips
{
 OFFSET 0.000000 0.000000 0.000000
 CHANNELS 6 Xposition Yposition Zposition Yrotation Xrotation Zrotation
 JOINT Chest
 {
  OFFSET 0.000000 10.678932 0.006280
  CHANNELS 3 Yrotation Xrotation Zrotation
  JOINT Chest2
  {
   OFFSET 0.000000 10.491159 -0.011408
   CHANNELS 3 Yrotation Xrotation Zrotation
   JOINT Chest3
   {
    OFFSET 0.000000 9.479342 0.000000
    CHANNELS 3 Yrotation Xrotation Zrotation
    JOINT Chest4
    {
……

aachan.bvh

　次ページで、このBVHファイルを少し読み解いてみましょう。