0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

qnoteAdvent Calendar 2020

Day 3

vrmをdaeに変換しxcodeで表示する方法

Posted at

#準備するもの
vrmをインポートできるblender
vrmファイル
xcode

#vrmをインポートできるblenderについて
blenderは標準だとvrmをインストールできないのでプラグインを入れます。以下手順。

  1. 下記のurlにアクセス。
    https://github.com/iCyP/VRM_IMPORTER_for_Blender2_8

  2. 緑色のcodeボタンをクリックし、download for zipをクリック

  3. blenderを開き、Edit -> Preferences をクリックする。

  4. 画像右上にあるInstallから先ほどダウンロードしたZIPファイルを選択する。

  1. 画像の中央上部にあるTestingタブをクリックすると先ほど選択したファイルがあるので、チェックボックスにチェックを入れる。
これでvrmをインポートできるようになりました。

#blenderでvrmをdaeに変換

  1. blenderを起動するとcubeなど余計なものがあるので削除(キーボード「A」-> 「X」 -> delete)

  2. 「File」->「Import」->「vrm」で任意のvrmを選択する。(モデルに色がついてないがそれで問題ない。)

  3. キーボード「A」で全選択して「File」->「Export」->「dae」を選択。

  4. 右上にある歯車ボタンをクリックし、「Main」タブ->「Selection Only」にチェック、「Geom」->「Apply Modifiers」にチェックを入れ、「Render」に変更。

  5. 「Export COLLADA」をクリック。

daeファイルに変換できました。daeファイルの他にtex~というモデルに貼る画像がいくつか入ったフォルダも生成されます。Xcodeで使うには今変換したdaeファイルとtex~フォルダが必要になります。tex~フォルダは変換前のモデル(vrm)があった場所に保存されています。

#xcodeで表示し、モデルの色つけ
xcodeで新しくプロジェクトを作成し、左側のファイルがある場所にdaeとtex~フォルダをドラッグ&ドロップします。
daeをクリックするとモデルが表示されます。この時モデルの色が灰色や白であればOKです。

モデルの色つけしたい箇所をクリックし、「Diffuse」から画像を選択します。

「Shading」は「Constant」が一番元に近い色が出てると思います。

あとはscnに変換するなり、アプリに実装するなりで使えます。

疑問点
今回記事を書くにあたって幾つかのvrmモデルを試してみたのですが、うまくモデルに画像がつけられず元のモデルとは異なってしまうことがありました。

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?