WebGLでローカルのVRMを読み込む

以前WindowsビルドではVRM読み込みをしました。

bibinbaleo.hatenablog.com

今回はWebGLにビルドしたアプリでVRM読み込みをやります！

こちらの記事の通りにしました。

qiita.com

手順
あにめーしょん
githubアップロード
最後に

手順

uniVRM入れる。

こちらの記事のAssets/Plugins/FileImporter.jslibを作成するメモ帳とかで作成する。

qiita.com

f:id:bibinbaleo:20190304102759p:plain

ImpoetButtonという名前の空のゲームオブジェクトを作って、こちらの記事のImportButton.csを付ける。

qiita.com

f:id:bibinbaleo:20190304102623p:plain

ボタンを作ってImportButtonのOnButtonPointerDownを読み込む

f:id:bibinbaleo:20190304102836p:plain

f:id:bibinbaleo:20190304102629p:plain

WebGLビルドする。

ボタンを押すとファイル選択画面は開くが、ファイルがjson指定になってるのですべてのファイルにして、VRMを読み込む

f:id:bibinbaleo:20190304161741p:plain

できた！！

f:id:bibinbaleo:20190304161837p:plain

カメラの位置とか変えた！

f:id:bibinbaleo:20190304102626p:plain

f:id:bibinbaleo:20190304161843p:plain

あにめーしょん

世界一役に立つ私の過去記事を参考に、読み込んだらアニメーションするようにします。

bibinbaleo.hatenablog.com

ImportButton.csの中のonLoadedの中にこれを書きます

var addAnimation = new AddAnimation();///Animator付ける（別スクリプト参照
addAnimation.AddAnimationController(root);

f:id:bibinbaleo:20190304165001p:plain

（なんでかめっちゃエラーみたいなの出てるけど動く）

モーションをセットしたAnimatorControllerをResources>Animatorというフォルダを作って中に置く。

f:id:bibinbaleo:20190304165331p:plain

AddAnimation.csを作って適当なオブジェクトに貼る

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class AddAnimation : MonoBehaviour
{

    public void AddAnimationController(GameObject gameObject)
    {
        var gameObjectAnimator = gameObject.GetComponent<Animator>();
        gameObjectAnimator.runtimeAnimatorController = Resources.Load<RuntimeAnimatorController>("Animator/walk");///作ったAnimatorの名前
    }
}

これでいけた～

f:id:bibinbaleo:20190304171040p:plain