前回、VRM形式のキャラクタモデルをWebブラウザで表示させる方法を解説しました。 【2019/7/21更新】Babylon.jsでVRMモデルを読み込み、Oculus Questで表示させるまでの手順をまとめました - CrossRoad これはアニメーションを入れていないので当然ですが止…
最近、vrmという規格に興味があって調べていたところ、株式会社バーチャルキャストがBabylon.jsに対応したbabylon-vrm-loaderを公開したことを知りました。 VRM は Unity 専用じゃない!ブラウザで VRM 表示出来るものを作りました! | VirtualCast Blog Git…
前回、PCのような2Dスクリーンで、Babylon.jsのVRモードと通常表示をキーボードで切り替える方法を紹介しました。 Babylon.jsのWebVRモードと通常モードを切り替える方法 - CrossRoad これだとVRヘッドセットを使うときもキーボード接続が必要になります。そ…
English version is here How to switching mode between WebVR and 2D view in Babylon.js - CrossRoad Babylon.jsを使うと、以前紹介したようにWebVRコンテンツも開発できます。 Babylon.jsでWindows Mixed Realityヘッドセットのアプリを作る方法 - Cross…
以前、Babylon.jsのWebVRについて調べたことがあります。 Babylon.jsでWindows Mixed Realityヘッドセットのアプリを作る方法 - CrossRoad そのときはWindows Mixed Realityヘッドセットを使いましたが、今回はモバイルVRであるDayDreamで試しました。結果、…
Unityをはじめ、CG系の開発環境にはParticle Systemがあります。炎、雷などの綺麗なグラフィック表現には必須の機能です。 Babylon.jsにもParticle Systemがあります。試したところ思ったよりも負荷が少ない感じでした。一方、UnityはWebGL書き出しが可能で…
Babylon.jsには3Dモデルの配置や、テクスチャのマッピング情報などをまとめた「.babylon」というファイル形式があります。 今回は.babylonファイルをWebブラウザで表示するまでの流れを書きました。基本的ではありますが、私のようなWeb初心者にとっては、任…
前回までの記事で、Babylon.js Editorで魔法剣エフェクトを作る方法を紹介してきました。 SwordモデルにPBR(Physical Based Rendering)をつける方法 【2018/12/16更新】UnityのようなGUIでWebGLコンテンツが作れるBabylon.js Editorの基本的な使い方 - Cross…
これはHoloLens Advent Calendar 2018の12日目です。前回はZuQ9Nnさんの『Mixed Realty Tookit Unity vNext2018を利用し、Air TapでCubeを落とすHoloLensアプリを作ってみた』でした。 今回はBabylon.jsをWindows Mixed Reality Headsetで使う方法を紹介しま…
Babylon.js EditorはGUIベースでオブジェクトの配置ができます。また、スクリプトを追加してソースコードでも制御できます。 しかし、公式HPにはごく簡単な例しか書いてなかったので、今回はスクリプト制御したときに使いたい例をいくつか紹介します。 1. ス…
前回はBabylon.js(BJS) Editorの基本的な使い方を説明しながら、swordモデルにPBR(Physical Based Rendering)をつける方法を紹介しました。 今回は、Editorに入っているParticle Systemの紹介と、swordモデルにエフェクトを追加する方法を紹介します。 1. Pa…
2018/12/3 Particle Systemによる魔法剣エフェクトと、プロジェクトの保存方法を追加しました 2018/12/9 スクリプト制御方法を追加しました 2018/12/16 ブラウザから実行する方法を追加し、タイトルをEditorの使い方に変更しました これまでBablon.jsについ…
今回はBabylon.jsで3Dモデルにアニメーションをつけて再生させてみました。Babylon.jsだけでもオブジェクトの移動(UnityでiTweenを使うようなイメージ)はできますが、ボーンを埋め込んだモーションの実現をソースコードだけで作るのは大変そうです。Babylon.…
2020/9/13 Babylon.js Editor v4.0のリンクを追記しました2018/11/5 Babylon.js Editorの実行ファイルの取得先を追記しました最近、WebブラウザでもVRアプリが実行できるBabylon.jsについて調べていますが、日本語の情報が少ないのが現状です。例:2018/8/19…
以前、UnityのShaderの勉強のため、ナイトプールのような風景を作ったことがあります。【Unityアセットアドカレ】Shader Forgeでナイトプールを作ろう! - CrossRoad今回、Babylon.jsの勉強を兼ねて、前に作ったものに似せたナイトプールを作って、Unityで作…
前回、UnityからエクスポートしたデータをBabylon.jsで表示したときの調査について解説しました。今回は、エクスポートしたデータをBabylon.jsの仕組みで使う方法を解説します。 1. Unityでエクスポートしたデータ「.babylon」の形式 2. babylonファイルの読…
前回、Webベースの3DCGライブラリ「Babylon.js」と、Unityプロジェクトを変換する手順について解説しました。Babylon.js向けデータをUnityから出力する - CrossRoad今回は、変換できるもの、できないものを簡単に整理しました。なお、検証環境は以下の通りで…
ブログのタイトル通り、私が勉強の対象にしているのはUnityですが、周辺技術や関連分野についても調べることがあります。過去に調べた例 Unity使いから見た、LumberyardとUnityの違い - CrossRoad XCodeでiOSアプリをつくるときに調べた、UnityとXCodeの違い…