CrossRoadスマートフォン用の表示で見るCrossRoadAR、MR、VR、Babylon.jsを中心とした技術ブログ。babylonjs前回、Webベースの3DCGライブラリ「Babylon.js」と、Unityプロジェクトを変換する手順について解説しました。CrossRoad今回は、変換できるもの、できないものを簡単に整理しました。検証環境は以下の通りです。主なものをざっとまとめました。詳しくは下記の公式HPをご確認ください。SystemuGUI前回、SphereにParticleをつけてC#で動かしたものを変換してみたら、Particleと動きが反映されませんでしたが、これは未対応だったためでした。GUIという仕組みがあります。前回確認したように、メッシュが少なく単独のGameObjectは変換できます。Cityアセットのサンプルシーンを変換してみました。Unityの画面はこちらです。Kitで変換し、生成されたindex.htmlをSafariで表示させた結果がこちらです。このように、同じアングルで生成されることが確認できました。このままでは動きがついていないので、このアングル以外のGameObjectがどうなっているかを確認することができません。そこで、生成されたindex.html側にBabylon.jsのCameraを追加して動かしました。全部を飛び回ったわけではありませんが、最初のアングルから外れたところも再現されていました。CityくらいのGameObjectが含まれていても、変換はできるようです。ちなみに、Babylon.jsのCameraを追加するには、生成されたindex.htmlに数行追加するだけです。gist68c400994fb9467f3246d1b3471595e9freeCameraはBabylon.jsが提供しているCamera機能で、上下左右キーとマウス操作でFPS的な移動ができます。Cameraの座標だけ合わせればよいです。Cityの変換結果では、treeの画像についてFadeが効いていませんでした。Modeは反映されないようです。MaterialのMetalic、Diffuse、Fade、Waterを試しました。わかりづらいですが、下部のWaterが動いているのが確認できます。次に、これを変換してindex.htmlを表示させたのがこちらです。Metalicについては微妙に色合いが変わってしまいました。Cityのtreeと同様に効かず黒くなりました。WaterについてはShaderの時間変化が再現されませんでした。4パターンの結果から推測するのは少し乱暴ですが、マテリアルの変換はあまり期待せず、Babylon.jsで直接作る方が良さそうです。Builderという名称でTerrainを変換できる、とあります。Unity側で何度かTerrainを作ってみたのですが、Babylon.js側には何も表示されませんでした。Unityで作ったTerrainのシーンです。続いて、Babylon.js向けに変換したシーンです。このように、目印として置いたSphereしか変換されていません。何も変換されないのは不自然なので、私の設定が間違っていると思われます。Builderに関する特別な設定は何も書いていませんでした。解決したら変換方法を追加予定です。終わりに今回調べたことで、Unityからの変換範囲は、静的なGameObjectとテクスチャ情報程度と考えた方がよさそうと思いました。次回はBabylon.jsの文法を交えて、Unityから変換したGameObjectを制御する方法を解説予定です。Network)を使うなど...2019-02-02Babylon.jsとDayDreamを使って、ChromeのWebVR機能を使うためのTipsにつ...以前、Babylon.jsのWebVRについて調べたことがあります。»ProfileAR、MR、VR、Babylon.jsを中心とした技術ブログです。広く色々な技術を勉強するのが好きで、あれこれ書いています。詳細なプロフィールはこちらをご確認ください。2020)■プライバシーポリシー■こちらに記載しておりますのでご確認ください。■お問い合わせ■こちらよりお願いいたします。月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。