内容をスキップ

Shin Naka’s Tech Log

Notes from building things.

メインメニュー
  • HOME
  • WALK ASIA
  • Tech Log
  • THE NAKADEMY AWARDS

【Beach of the Dead 開発記録 Ep09】iPhoneでモーションキャプチャー【TDPT】

Shin Naka(なかしん) 2021年6月16日 1 分の読み取り
TDPTiOS_icon

Table of Contents

Toggle
    • はじめに
    • TDPT
    • Unity で FBX to VRM
  • UniVRM
    • モーションデータ出力
    • BlenderでBVH to FBX
    • UnityでVMD to FBX
  • MMD4Mecanim
    • さいごに
    • 【Beach of the Dead 開発記録 Ep01】俺が主人公の俺ゲーを作るぜ!【インディーゲーム】
    • 【Beach of the Dead 開発記録 Ep02】納得のいく仮モデルが出来た話【Blender】
    • 【Beach of the Dead 開発記録 Ep03】俺の野望【Blender】
    • 【Beach of the Dead 開発記録 Ep04】ビジュアルスクリプティングの話 【Bolt vs PlayMaker】
    • 【Beach of the Dead 開発記録 Ep05】Macでゲーム開発【MacBook Pro】
    • 【Beach of the Dead 開発記録 Ep06】血のテクスチャの描き方【ヨーグルト】
    • 【Beach of the Dead 開発記録 Ep07】動画から音を抜いてUnityで鳴らす方法【iMovie】
    • 【Beach of the Dead 開発記録 Ep08】タイトルは『Beach of the Dead』に決定!【DeepL】
    • 【Beach of the Dead 開発記録 Ep10】Xbox Oneのコントローラー設定【Input Manager】
    • 【Beach of the Dead 開発記録 Ep11】砂のテクスチャの描き方【お塩】
    • 【Beach of the Dead 開発記録 Ep12】そろそろ限界なのか?【Xcode】
    • 【ゲーミングチェア】AKRacing Premium RAVENの組み立て所要時間は【約一時間】
    • 【Beach of the Dead 開発記録 Ep13】スト2っぽく6ボタン化計画
    • 【Beach of the Dead 開発記録 Ep14】UnityをアップデートしたらUnity Package Manager Errorとか【涙目】
    • 【自己紹介】なんで俺ゲーム作ってるんだっけ?
    • 【Beach of the Dead 開発記録 Ep15】パンガン島のフルムーンパーティみたいな炎の作り方
    • 【Beach of the Dead 開発記録 Ep16】iPhoneで動かす方法【Xcode】
    • 【Beach of the Dead 開発記録 Ep17】炎から炎のテクスチャを作る方法【フライパン】
    • 【Beach of the Dead 開発記録 Ep18】ソロゲーム作りで一番重要な事
    • 【Beach of the Dead 開発記録 Ep19】AR Beach of the Dead🔨👓
    • 【Beach of the Dead 開発記録 Ep20】テストプレイのやり方
    • 【Beach of the Dead 開発記録 Ep21】『ビーチ・オブ・ザ・デッド』ついに配信開始!
    • 【Beach of the Dead 開発記録 Ep22】『ビーチ・オブ・ザ・デッド』反省会
    • 【Beach of the Dead 開発記録 Ep23】Beach of the Dead ver1.0.10 アップデート情報(Android 13対応・APIレベル修正・データセキュリティ)
    • 【Beach of the Dead 開発記録 Ep24】『ビーチ・オブ・ザ・デッド』メニューリニューアル&広告削除!久しぶりに思い出しながらアップデートしてます【WALK ASIAリンク追加】
  • 著者について
    • Shin Naka(なかしん)
    • Share this post:

はじめに

ただいま自分が主人公のゲームを作っております。

ビーチでゾンビと戦うアクションゲームです。自作自演とはこの事です。

そろそろ細かいモーションが欲しいので、「スマホでモーションキャプチャーが出来るアプリとか無いかな?」と探してみたら『TDPT』というアプリを発見。

使ってみた所、こんな感じにiPhoneのカメラを向けただけで、モーションキャプチャーが出来ました! 

スゴイ!

また動画ファイルからもキャプチャーが出来ますので、『Fortnite』のエモート動画からキャプチャーしてみました。

これはスゴすぎるな!

そのキャプチャーしたモーションを、ゲームに取り込んてみたテストがこちら。

調整したら使えそうですよね?

(いやいや、モラル的に『Fortnite』からキャプチャーしたモーションは使う気は無いです。)

そろそろ俺もモーションアクターになる時が来たな!

是非とも自分の動きをゲームに取り込みたいです。俺ゲーだもの。

以上、『TDPT』を使えば、iPhoneで簡単にモーションキャプチャー出来るよってお話でした。

ここから先は読まなくて良いです。

では、『TDPT』でキャプチャーしたモーションをUnityまで持っていくのに色々とフォーマットの変換などを挟んだので、そのやり方を忘れない様に以下に書き記していきます(自分用)。

TDPT

Screenshot of apps.apple.com

まずはApp Storeから『TDPT』をインストールします。

『TDPT』を立ち上げた所、女の子のキャラクターが出てきました。

このキャラでも良いのですが、ここは自分のキャラクターに変更したい所です。

調べたところVRMフォーマットが読み込める様です。

自分のキャラはFBXなので、VRMに変換する必要があります。

Unity で FBX to VRM

UnityでFBXのモデルをVRMに変換するのにUniVRMを使いました。

Unityではゲーム開発用プロジェクトではなくて、新規に変換用のプロジェクトを作りました。

UniVRM

https://vrm.dev/docs/univrm/install/

こちらからUniVRMのunitypackageをダウンロードしました。

それをUnityで「インポート」します。

それから変換するキャラを読み込み、Rigの設定でアニメーションタイプをヒューマノイドにして「適用」します。

アバターの設定はこんな感じで、きれいな緑色。エラーが出てません。

準備が出来たら、自キャラを選択してExport UniVRMします。

Title(キャラ名)やAuthor(作者名)などを記入して「Export」してVRMフォーマットに変換しました。

それを設定の「Avatar from local folder」で選択したら出ました! 

TDPTにオレ参上!

モーションデータ出力

『TDPT』でキャプチャーした動画は冒頭に記しました。

キャプチャーしたモーションは出力したいです。

出力するにはプレミアムメニューが必要です。490円を課金しました。

買い切りなのが良心的!

課金すると、VMD or BVHでエクスポートが出来る様になります。

さて、ここでUnityに持っていくために、今度はFBXに変換したいです。

BlenderでBVHをFBXにする方法と、UnityでVMDをFBXにする方法を以下に記します。

BlenderでBVH to FBX

Blenderを立ち上げて、BVHファイルをインポートします。

普通にインポート出来ました。

ここで自キャラにこのモーションをセットするも良し、骨だけ見て微調整するも良し。

テストなので、何もせず選択してFBXでエクスポートしました。

UnityでVMD to FBX

UnityでVMDからFBXに変換するには『MMD4Mecanim』というのを使いました。

MMD4Mecanim

https://stereoarts.jp/

Screenshot of stereoarts.jp

こちらをインストールしました。

しかしモーションを表示するためのMMDフォーマットのキャラクターが無いので、ニコニコ動画から適当にキャラクターをダウンロードして使わせていただきました。

キャラクターMMD4Mecanimのインスペクターで、PMX2FBXのVMD欄にキャプチャーしたモーションをセットしてFBXに変換しました。

最後にUnityでそのFBXを読み込み、インスペクターでRigの設定をします。

アバターの定義は「このモデルから作成」すると上手くいきました。

さいごに

『TDPT』はすごく良いアプリだけど、ゲーム開発者的にはUnityに出すまでのフォーマットの変換が面倒くさいです。

もう少し課金するからFBXフォーマットが扱える様にして欲しいな🙏

お願いします🥺

次回はゲームのコントローラーに繋げてみます。

【Beach of the Dead 開発記録 Ep01】俺が主人公の俺ゲーを作るぜ!【インディーゲーム】

【Beach of the Dead 開発記録 Ep01】俺が主人公の俺ゲーを作るぜ!【インディーゲーム】

はじめに コロナ禍で旅ブロガーが出来なくなったので、ARクリ…

【Beach of the Dead 開発記録 Ep02】納得のいく仮モデルが出来た話【Blender】

【Beach of the Dead 開発記録 Ep02】納得のいく仮モデルが出来た話【Blender】

はじめに この連載はめっちゃ技術的な事は抜きにして書いていき…

【Beach of the Dead 開発記録 Ep03】俺の野望【Blender】

【Beach of the Dead 開発記録 Ep03】俺の野望【Blender】

はじめに ただいま自分が主人公のアクションゲームを作っており…

【Beach of the Dead 開発記録 Ep04】ビジュアルスクリプティングの話 【Bolt vs PlayMaker】

【Beach of the Dead 開発記録 Ep04】ビジュアルスクリプティングの話 【Bolt vs PlayMaker】

はじめに これはコロナ禍で旅ブロガーが出来なくなった男が、ゲ…

【Beach of the Dead 開発記録 Ep05】Macでゲーム開発【MacBook Pro】

【Beach of the Dead 開発記録 Ep05】Macでゲーム開発【MacBook Pro】

はじめに これは、旅ブログを書く為に最新のMacBook P…

【Beach of the Dead 開発記録 Ep06】血のテクスチャの描き方【ヨーグルト】

【Beach of the Dead 開発記録 Ep06】血のテクスチャの描き方【ヨーグルト】

はじめに ニンテンドースイッチの『スーパー野田ゲーPARTY…

【Beach of the Dead 開発記録 Ep07】動画から音を抜いてUnityで鳴らす方法【iMovie】

【Beach of the Dead 開発記録 Ep07】動画から音を抜いてUnityで鳴らす方法【iMovie】

はじめに アレックス・ガーランド先生の小説『ザ・ビーチ』の影…

【Beach of the Dead 開発記録 Ep08】タイトルは『Beach of the Dead』に決定!【DeepL】

【Beach of the Dead 開発記録 Ep08】タイトルは『Beach of the Dead』に決定!【DeepL】

はじめに プログラミングの知識がないので、コーディング無しで…

【Beach of the Dead 開発記録 Ep10】Xbox Oneのコントローラー設定【Input Manager】

【Beach of the Dead 開発記録 Ep10】Xbox Oneのコントローラー設定【Input Manager】

はじめに 平日の朝は出勤前に朝活と称して近所のスタバでゲーム…

【Beach of the Dead 開発記録 Ep11】砂のテクスチャの描き方【お塩】

【Beach of the Dead 開発記録 Ep11】砂のテクスチャの描き方【お塩】

はじめに 歩いた時に足元から出る、砂のエフェクトを作りたいの…

【Beach of the Dead 開発記録 Ep12】そろそろ限界なのか?【Xcode】

【Beach of the Dead 開発記録 Ep12】そろそろ限界なのか?【Xcode】

はじめに みなさんいかがお過ごしですか? あたくしは毎朝コツ…

【ゲーミングチェア】AKRacing Premium RAVENの組み立て所要時間は【約一時間】

【ゲーミングチェア】AKRacing Premium RAVENの組み立て所要時間は【約一時間】

はじめに わたしまけましたわ。コロナに負けました。 いやぁ、…

【Beach of the Dead 開発記録 Ep13】スト2っぽく6ボタン化計画

【Beach of the Dead 開発記録 Ep13】スト2っぽく6ボタン化計画

前回のつづき さて、ゲーミングチェアを作った後の話です。 あ…

【Beach of the Dead 開発記録 Ep14】UnityをアップデートしたらUnity Package Manager Errorとか【涙目】

【Beach of the Dead 開発記録 Ep14】UnityをアップデートしたらUnity Package Manager Errorとか【涙目】

はじめに デザイナーなので良くわからないエラーが出た時でも自…

【自己紹介】なんで俺ゲーム作ってるんだっけ?

【自己紹介】なんで俺ゲーム作ってるんだっけ?

はじめに なかしんです。 英語表記はSHIN NAKAです。…

【Beach of the Dead 開発記録 Ep15】パンガン島のフルムーンパーティみたいな炎の作り方

【Beach of the Dead 開発記録 Ep15】パンガン島のフルムーンパーティみたいな炎の作り方

フルムーンパーティみたいな炎の作り方 前回👆のUnityをア…

【Beach of the Dead 開発記録 Ep16】iPhoneで動かす方法【Xcode】

【Beach of the Dead 開発記録 Ep16】iPhoneで動かす方法【Xcode】

2022 新年あけましておめでとうございます。 KORG G…

【Beach of the Dead 開発記録 Ep17】炎から炎のテクスチャを作る方法【フライパン】

【Beach of the Dead 開発記録 Ep17】炎から炎のテクスチャを作る方法【フライパン】

はじめに CGを使わずにテクスチャを作るシーリズのやつです。…

【Beach of the Dead 開発記録 Ep18】ソロゲーム作りで一番重要な事

【Beach of the Dead 開発記録 Ep18】ソロゲーム作りで一番重要な事

はじめに ソロでゲームを作っていて一番大切なことは何か、分か…

【Beach of the Dead 開発記録 Ep19】AR Beach of the Dead🔨👓

【Beach of the Dead 開発記録 Ep19】AR Beach of the Dead🔨👓

お久しぶりです 久しぶりなんで、説明から。 未曾有のパンデミ…

【Beach of the Dead 開発記録 Ep20】テストプレイのやり方

【Beach of the Dead 開発記録 Ep20】テストプレイのやり方

ゲームがおおかた完成した頃、実機でのテストプレイが始まります…

【Beach of the Dead 開発記録 Ep21】『ビーチ・オブ・ザ・デッド』ついに配信開始!

【Beach of the Dead 開発記録 Ep21】『ビーチ・オブ・ザ・デッド』ついに配信開始!

はじめに 先にApp Storeの審査がサクッと通り、次にG…

【Beach of the Dead 開発記録 Ep22】『ビーチ・オブ・ザ・デッド』反省会

【Beach of the Dead 開発記録 Ep22】『ビーチ・オブ・ザ・デッド』反省会

良かった話と悪かった話、どっちを先に聞きたい? 訊いといてな…

【Beach of the Dead 開発記録 Ep23】Beach of the Dead ver1.0.10 アップデート情報(Android 13対応・APIレベル修正・データセキュリティ)

【Beach of the Dead 開発記録 Ep23】Beach of the Dead ver1.0.10 アップデート情報(Android 13対応・APIレベル修正・データセキュリティ)

こんにちは。今回は、自作ゲーム『Beach of the D…

【Beach of the Dead 開発記録 Ep24】『ビーチ・オブ・ザ・デッド』メニューリニューアル&広告削除!久しぶりに思い出しながらアップデートしてます【WALK ASIAリンク追加】

【Beach of the Dead 開発記録 Ep24】『ビーチ・オブ・ザ・デッド』メニューリニューアル&広告削除!久しぶりに思い出しながらアップデートしてます【WALK ASIAリンク追加】

メニュー画面をリニューアル中です 『ビーチ・オブ・ザ・デッド…

作成中のグラフィックは @oknaka のインスタで晒しています。

作成中の動画は @oknaka のYouTubeで晒しています。

作成中のBGMは @tigeronbeat のインスタで晒しています。

フォローよろしくお願いします。

著者について

アバター

Shin Naka(なかしん)

Administrator

東京を拠点に、旅の記録〈Walk Asia〉、制作の記録〈Shin Naka’s Dev Log〉、観た映画の私的アワード〈THE NAKADEMY AWARDS〉を個人のログとして書いています。 完成した作品は TIGER ON BEAT 名義で発表しています。

ウェブサイトにアクセス すべての投稿を表示

Share this post:

Share on X (Twitter) Share on Facebook Share on Email Share on SMS

投稿ナビゲーション

前: 【Beach of the Dead 開発記録 Ep08】タイトルは『Beach of the Dead』に決定!【DeepL】
次へ: 【Beach of the Dead 開発記録 Ep10】Xbox Oneのコントローラー設定【Input Manager】

関連記事

LOGO_Only

App Storeの4.3(a)を一度の返信で覆した。ClassLOGがスパム判定から審査通過するまで

Shin Naka(なかしん) 2026年4月10日
image

【Beach of the Dead 開発記録 Ep24】『ビーチ・オブ・ザ・デッド』メニューリニューアル&広告削除!久しぶりに思い出しながらアップデートしてます【WALK ASIAリンク追加】

Shin Naka(なかしん) 2025年4月26日
image

【Beach of the Dead 開発記録 Ep23】Beach of the Dead ver1.0.10 アップデート情報(Android 13対応・APIレベル修正・データセキュリティ)

Shin Naka(なかしん) 2025年3月29日

About Shin Naka

Shin Naka(なかしん)

東京を拠点に、旅の記録〈Walk Asia〉、制作の記録〈Shin Naka’s Dev Log〉、観た映画の私的アワード〈THE NAKADEMY AWARDS〉を個人のログとして書いています。 完成した作品は TIGER ON BEAT 名義で発表しています。

Trending News

【Spark AR】ゾンビ・ボイス・チェンジャーの作り方 dawn 1

【Spark AR】ゾンビ・ボイス・チェンジャーの作り方

2021年2月25日
【Spark AR】Instagramフィルター『Vinyl / レコード』の作り方 5ECD9AE9-246B-4B1F-9B84-209EF3F9A87A 2

【Spark AR】Instagramフィルター『Vinyl / レコード』の作り方

2021年2月1日
【Spark AR】ARエフェクト『Halo / 後光』の作り方 icon 3

【Spark AR】ARエフェクト『Halo / 後光』の作り方

2021年1月21日
【Spark AR】Altern 8のマスクの作り方 icon_altern8 4

【Spark AR】Altern 8のマスクの作り方

2021年1月11日
【Spark AR】『ピヨり』ARエフェクトの作り方 icon_stun 5

【Spark AR】『ピヨり』ARエフェクトの作り方

2021年1月6日

Posts Slider

IMG_3808

【物理SIMからeSIMへ引越し方法】iPhone 17 Pro MaxでiCloudなしでもスムーズに移行する手順まとめ

Shin Naka(なかしん) 2025年10月12日
image

【iPhone15】SIMカードの入れ方 入れ替え方法【向きは?】

Shin Naka(なかしん) 2023年10月12日
image

【iPhone SE】SIMカードの入れ方 入れ替え方法【向きは?】

Shin Naka(なかしん) 2023年5月27日
image-2

コンプライアンス・スクリーニング

Shin Naka(なかしん) 2023年2月24日
image

Apple StoreでSIMフリー版の5G iPhoneを買った時のauでやる事

Shin Naka(なかしん) 2021年9月25日

見逃したかもしれません

LOGO_Only

App Storeの4.3(a)を一度の返信で覆した。ClassLOGがスパム判定から審査通過するまで

Shin Naka(なかしん) 2026年4月10日
IMG_3808

【物理SIMからeSIMへ引越し方法】iPhone 17 Pro MaxでiCloudなしでもスムーズに移行する手順まとめ

Shin Naka(なかしん) 2025年10月12日
image

【Beach of the Dead 開発記録 Ep24】『ビーチ・オブ・ザ・デッド』メニューリニューアル&広告削除!久しぶりに思い出しながらアップデートしてます【WALK ASIAリンク追加】

Shin Naka(なかしん) 2025年4月26日
image

WordPressでAddToAnyが表示されない原因とは?SNSシェアボタンが出ない時の対処法

Shin Naka(なかしん) 2025年4月22日
著作権&コピー;無断転載を禁じます。 | MoreNews by AF themes。