本日、XR系のイベント「xR Tech Tokyo #14」に参加しました。有益な情報が多かったので勉強会の内容をまとめてみました。 1. xR Tech Tokyoとは？ 2. 講演内容 2.1. バーチャルライブプラットフォーム「INSPIX」を支える技術とその活用法 2.1.1 INSPIXとは？…
Japanese version is here Babylon.jsのWebVRモードと通常モードを切り替える方法 - CrossRoad Babylon.js provides Web VR sample codes. Here is an example of Windows Mixed Reality. Babylon.jsでWindows Mixed Realityヘッドセットのアプリを作る方法 …
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で試しました。結果、…
先日、xR Tech Tokyoが開催する『ARの教科書』輪読会で発表してきました。 輪読(輪講)とは、私が知る限りでは、あるテーマについて誰かが説明し、議論するというものです。大学の研究室ゼミでよく開催されています。今回の輪読会でも隔週ベースで2018年8月か…
Unityをはじめ、CG系の開発環境にはParticle Systemがあります。炎、雷などの綺麗なグラフィック表現には必須の機能です。 Babylon.jsにもParticle Systemがあります。試したところ思ったよりも負荷が少ない感じでした。一方、UnityはWebGL書き出しが可能で…
I found a good restaurant reservation site in trip abroad. In this post, I introduce the site “OpenTable”. I also do "Dining Point". Japanese version is here海外のレストラン簡単予約サービス「OpenTable」の使い方 - CrossRoad 1. What is OpenT…
Have you met "Visual Studio C++ Runtime Error" ? In my case, I met with the error when I run a tutorial application of Meta2 Head Mount Display. In this post, I investigated the cause of the error and how to resolve it. 1. What is Visual C…
Babylon.js has a file type ".babylon", which manages geometries of 3D model, file path of texture, and so on. In this article, I wrote a sequence from setting ".babylon" file to execute on web browser with Node.js. Of course it is a basic …
Babylon.jsには3Dモデルの配置や、テクスチャのマッピング情報などをまとめた「.babylon」というファイル形式があります。 今回は.babylonファイルをWebブラウザで表示するまでの流れを書きました。基本的ではありますが、私のようなWeb初心者にとっては、任…
前回の記事では、ブロックチェーンカンファレンス内容まとめと、基本的な用語について整理しました。 XR技術者目線でまとめた「ブロックチェーン・ビジネスサミット2018」の内容について - CrossRoad そのとき、ブロックチェーンとXRの関連も調べていたので…
最近、ブロックチェーンという言葉を聞くことが多くなりました。ブロックチェーンはインターネットに継ぐ大きな変化をもたらす技術とも言われており、個人的にはどんな風に世の中が変わるかに興味があります。 そこで、今回は先日開催されたイベント「ブロッ…
前回までの記事で、Babylon.js Editorで魔法剣エフェクトを作る方法を紹介してきました。 SwordモデルにPBR(Physical Based Rendering)をつける方法 【2018/12/9更新】UnityのようなGUIでWebGLコンテンツが作れるBabylon.js EditorでPBRを試してみた - Cross…
これはHoloLens Advent Calendar 2018の12日目です。前回はZuQ9Nnさんの『Mixed Realty Tookit Unity vNext2018を利用し、Air TapでCubeを落とすHoloLensアプリを作ってみた』でした。 今回はBabylon.jsをWindows Mixed Reality Headsetで使う方法を紹介しま…
これは Oculus Rift Advent Calendar 2018の11日目の投稿です。昨日は@stupid_student2さんのOculusGoコントローラでオブジェクトを掴んで投げてみる - Qiitaでした。 本日はARCoreのSceneformについてです。 0. はじめに 1. Scenformとは何か？ 2. Scenefor…
Babylon.js EditorはGUIベースでオブジェクトの配置ができます。また、スクリプトを追加してソースコードでも制御できます。 しかし、公式HPにはごく簡単な例しか書いてなかったので、今回はスクリプト制御したときに使いたい例をいくつか紹介します。 1. ス…
前回はBabylon.js(BJS) Editorの基本的な使い方を説明しながら、swordモデルにPBR(Physical Based Rendering)をつける方法を紹介しました。 今回は、Editorに入っているParticle Systemの紹介と、swordモデルにエフェクトを追加する方法を紹介します。 1. Pa…
先日、『ARの教科書』輪読会という勉強会で発表をしました。 このときの発表スライドをSlideShareにあげたところ、アップロードに失敗する、アップロードはできたがアウトラインが文字化けする、という問題が発生しました。 最終的に解決したので、今回は解…
2018/12/3 Particle Systemによる魔法剣エフェクトと、プロジェクトの保存方法を追加しました 2018/12/9 スクリプト制御方法を追加しました 2018/12/16 ブラウザから実行する方法を追加し、タイトルをEditorの使い方に変更しました これまでBablon.jsについ…
2018/11/7 Babylon.js Editorのダークテーマ変更方法を追記しました 2018/11/11 Chromeで表示されるWebサイトをダークモードにするChrome拡張の利用方法を追記しました MacOSの新しいバージョンMojave(モハベ)が9月下旬から公開されており、新機能の１つに「…
2018/10/15-18の期間で開催されたAdobe Max 2018の中で、新しい動画編集ソフト「Premiere Rush」が発表されました。 アドビ、Adobe MAX 2018で次世代のAdobe Creative Cloudを発表 | Adobe 今回はPremiere Rushでできることや、既存のPremiere Proとの違いを…
Adobe Creative Cloud(CC)を持っているので、せっかくなのでまだ使ったことのないFuseを試してみました。ただし、Macだからかわかりませんがフリーズが頻発しました。 対処療法ですが解決策をまとめました。 なお、下記の環境で確認しています。 ・Mac OSX 1…
2018/11/8 sendEmailが使えない時の対処方法を追加先日、勉強会の開催のためにGoogleフォームを準備していました。Googleフォームではメールアドレスを入力してもらうと、送信完了時に、「お申し込みありがとうございました」のような内容が入ったメールを自…
今回はBabylon.jsで3Dモデルにアニメーションをつけて再生させてみました。Babylon.jsだけでもオブジェクトの移動(UnityでiTweenを使うようなイメージ)はできますが、ボーンを埋め込んだモーションの実現をソースコードだけで作るのは大変そうです。Babylon.…
2018/11/5 Babylon.js Editorの実行ファイルの取得先を追記しました最近、WebブラウザでもVRアプリが実行できるBabylon.jsについて調べていますが、日本語の情報が少ないのが現状です。例：2018/8/19現在、Googleで言語設定を日本語にして「Babylon.js」を調…
以前、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の違い…
ここ最近、ARCore1.2を調べてます。今回は、ARCore1.2の新機能のうち、まだ手つかずだったAugmented Imagesについて調べてみました。Augmented Imagesはマーカを認識するとCGを重畳表示する機能です。ARToolKit、Vuforia、SmartARなどでもよく使われています…
