コンテンツへスキップ

Shin Naka’s Dev Log

Notes from building things.

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

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

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

Table of Contents

Toggle
    • Share this post:
    • はじめに
    • 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:

Share this post:

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

はじめに

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

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

そろそろ細かいモーションが欲しいので、「スマホでモーションキャプチャーが出来るアプリとか無いかな?」と探してみたら『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】俺が主人公の俺ゲーを作るぜ!【インディーゲーム】

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

【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レベル修正・データセキュリティ)

Share this post: Share on X (T…

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

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

Share this post: Share on X (T…

作成中のグラフィックは @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】

関連記事

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日
image

【Gold 開発記録 Ep04】GitHubにPushできないと思ったら〜、そもそもGitLabでした〜、チクショー!!ゲーム開発の記憶どこいった?

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

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日

About Shin Naka

Shin Naka(なかしん)

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

見逃したかもしれません

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日
image

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

Shin Naka(なかしん) 2025年3月29日
Copyright © All rights reserved. | MoreNews by AF themes。