連載
» 2012年04月03日 00時00分 UPDATE

Retinaに映える! iOS美麗アプリ制作入門(2):PerfumeのモーションデータをiPhoneアプリにして動かしてみた (1/3)

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

[蜜葉優,@IT]

openFrameworksでPerfumeのダンスをiPhoneに

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

r13t94_bor_rou_sha_w400.jpg

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

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

iPhoneのエミュレータ上で動くPerfumeのダンスの動画(ダブルクリックで再生、クリックで一時停止します)

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

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

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

「Perfume official global website」の「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ファイルを少し読み解いてみましょう。

       1|2|3 次のページへ

Copyright© 2017 ITmedia, Inc. All Rights Reserved.

@IT Special

- PR -

TechTargetジャパン

この記事に関連するホワイトペーパー

Focus

- PR -

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。