CrossRoad

AR、MR、VR、Babylon.jsを中心とした技術ブログ。 If you're non-Japanese native guys, check "English" category.

Babylon.jsで360度画像を回転させる方法

以前、Babylon.jsのWebVR機能について書いたとき、360度画像をみられる"photoDome"という機能を少しだけ紹介しました。 Babylon.jsのWebVRモードと通常モードを切り替える方法 - CrossRoad 今回、このような問い合わせがありました。 @WheetTweet はじめまし…

VRMとアニメーションで勘違いしていたことを整理しました

前回、VRM形式のキャラクタモデルをWebブラウザで表示させる方法を開設しました。 Babylon.jsでVRMモデルを読み込み、Oculus Questで表示させるまでの手順をまとめました - CrossRoad これはアニメーションを入れていないので当然ですが止まったままです。そ…

Babylon.jsでVRMモデルを読み込み、Oculus Questで表示させるまでの手順をまとめました

最近、vrmという規格に興味があって調べていたところ、株式会社バーチャルキャストがBabylon.jsに対応したbabylon-vrm-loaderを公開したことを知りました。 VRM は Unity 専用じゃない!ブラウザで VRM 表示出来るものを作りました! | VirtualCast Blog Git…

ARCore1.9の新機能一覧と、WebブラウザでARがつかえるScene Viewerの環境構築手順

ARCoreが1.9になりました。代表的な機能として、WebブラウザでもARCoreの機能が使えるようになる「SceneViewer」が導入されました。 今回はScene Viewerを試すための環境構築手順をまとめました。 動作環境は以下の通りです。 Android 9.0 iOS 12.2 1. ARCor…

Azure Spatial Anchorsにかかるコストについて

先日、Azure Spatial Anchorsの使い方を調べました。 公式ドキュメントを元に、Azure Spatial AnchorsをiOSとAndroidで試してみた - CrossRoad 数日後、Azure Portalにログインしたところ、1日約200円のペースで課金されており、原因はAzure Spatial Anchors…

F8 2019のUnlocking the Future of WebXRの内容をまとめました

先日、Facebook主催のカンファレンス「F8」が開催されました。 Facebook Developer Conference. April 30 - May 1, 2019.San Jose, CA. この中ではXR関係もいくつか発表がありました。代表的な発表はOculus Quest、Rift Sなどの発売日と価格ですが、実はWebX…

A meetup report : highlight of xR Tech Tokyo #15 in Japan

The other day I attended a large XR meetup in Tokyo, Japan. The meetup name is "xR Tech Tokyo #15". I reported about the event because it is worth reporting to overseas XR communities. 1. What is xR Tech Tokyo? 2. A new style VR visual nov…

【2019/5/3更新】平成最後のxR Tech Tokyo #15 の全講演をまとめてみました

昨日、XR系のイベント「xR Tech Tokyo #15」に参加しました。XR関係のゲームからBtoBまでの動向を知りたかったので、発表内容をまとめました。 多数の発表があったため文章量が多いですが、記録も兼ねているのであえて全発表を記載しています。また、発表中…

Tips of dual camera "VuzeXR" for camera beginners

日本語記事はこちらです。 180度と360度撮影ができるカメラ「VuzeXR」でつまづいた箇所と解決方法 - CrossRoad I bought a new dual camera "VuzeXR". Several posts introduce about VuzeXR. Here is a good example. Review: Vuze XR shoots solid VR180 v…

180度と360度撮影ができるカメラ「VuzeXR」でつまづいた箇所と解決方法

新しい360度カメラ「VuzeXR」を買いました。VuzeXRについては下記のブログで色々と紹介されています。私も参考にさせていただきました。 独立型戦闘支援ブログ | by @torikasyu しかし、カメラ初心者の私には、この情報でもつまづくところが多かったです(自…

Slideshareの諸々の問題が、MacからWindows10に変えたら解決したお話

先日、発表スライドをSlideshareにアップロードしたところ、アップロードが終わらないという問題が発生しました。 他にもいくつかありましたが、MacではなくWindowsにすると全て解決しました。せっかくなので、状況を整理しておきます。 検証時の環境 MacOSX…

勉強会での発表にiPadを使うとき、事前に準備すべき4つのこと

先日、Microsoft MVPの集まりで日本のコミュニティを紹介する機会がありました。発表にはいつもノート PCを使うのですが、今回はiPadを使ってみました。 しかし、iPadでのプレゼンは思ったようにできませんでした。。 とはいえ、iPadの方が軽くて便利だし、…

アプリ開発者目線から、OpenXRの発表内容とOpenXR API、Runtimeについて調べてみました

GDC2019で、KhronosからOpenXRに関する新しい発表がありました。 Khronos Releases OpenXR 0.90 Provisional Specification for High-performance Access to AR and VR Platforms and Devices - The Khronos Group Inc しかし、ちょっと読んだだけだと、Open…

【2019/3/16リンク追記】XR Nights #7 Looking To The Future Of VRに参加、運営お手伝いをしました

2/27にXR Nightsというイベントに参加、運営お手伝いをしました。日本では少し珍しい、英語ネイティブによるXRコミュニティのイベントですので、内容を簡単に紹介いたします。 1. XR Nightsとは? 2. 当日のイベント概要 3. 講演 3.1 Using Brain-Computer I…

公式ドキュメントを元に、Azure Spatial AnchorsをiOSとAndroidで試してみた

先日、Mobile World Congress (MWC)でMicrosoftよりいくつかの新発表がありました。 体験でわかった「HoloLens 2」。視野拡大と“両手で操作”が快適 - AV Watch Introducing Azure’s augmented reality: spatial anchors | InfoWorld 発表の1つに、Azure Spa…

Oculus GoでBabylon.jsを使ったときに、没入型と通常VRモードを切り替える方法

前回、PCのような2Dスクリーンで、Babylon.jsのVRモードと通常表示をキーボードで切り替える方法を紹介しました。 Babylon.jsのWebVRモードと通常モードを切り替える方法 - CrossRoad これだとVRヘッドセットを使うときもキーボード接続が必要になります。そ…

【2019/3/16講演スライドリンク追記】xR Tech Tokyo #14 で聴いた講演内容をまとめてみました

本日、XR系のイベント「xR Tech Tokyo #14」に参加しました。有益な情報が多かったので勉強会の内容をまとめてみました。 1. xR Tech Tokyoとは? 2. 講演内容 2.1. バーチャルライブプラットフォーム「INSPIX」を支える技術とその活用法 2.1.1 INSPIXとは?…

How to switching mode between WebVR and 2D view in Babylon.js

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ヘッドセットのアプリを作る方法 …

Babylon.jsのWebVRモードと通常モードを切り替える方法

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とDayDreamを使って、ChromeのWebVR機能を使うためのTipsについて

以前、Babylon.jsのWebVRについて調べたことがあります。 Babylon.jsでWindows Mixed Realityヘッドセットのアプリを作る方法 - CrossRoad そのときはWindows Mixed Realityヘッドセットを使いましたが、今回はモバイルVRであるDayDreamで試しました。結果、…

ARの教科書輪読会での発表内容と、 輪講に使った「ARの教科書」について

先日、xR Tech Tokyoが開催する『ARの教科書』輪読会で発表してきました。 輪読(輪講)とは、私が知る限りでは、あるテーマについて誰かが説明し、議論するというものです。大学の研究室ゼミでよく開催されています。今回の輪読会でも隔週ベースで2018年8月か…

meshをParticleにしたときのFPS変化をBabylon.jsとUnity WebGLで比較しました

Unityをはじめ、CG系の開発環境にはParticle Systemがあります。炎、雷などの綺麗なグラフィック表現には必須の機能です。 Babylon.jsにもParticle Systemがあります。試したところ思ったよりも負荷が少ない感じでした。一方、UnityはWebGL書き出しが可能で…

How to use OpenTable? What is Dining Point?

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…

How to solve Visual C++ Runtime Error message

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. 日本語版はこちらで…

How to execute ".babylon" files with Node.js server

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ファイルを読み込んでNode.jsサーバで実行する方法

Babylon.jsには3Dモデルの配置や、テクスチャのマッピング情報などをまとめた「.babylon」というファイル形式があります。 今回は.babylonファイルをWebブラウザで表示するまでの流れを書きました。基本的ではありますが、私のようなWeb初心者にとっては、任…

XR技術者目線でみたブロックチェーンとXR動向について

前回の記事では、ブロックチェーンカンファレンス内容まとめと、基本的な用語について整理しました。 XR技術者目線でまとめた「ブロックチェーン・ビジネスサミット2018」の内容について - CrossRoad そのとき、ブロックチェーンとXRの関連も調べていたので…

XR技術者目線でまとめた「ブロックチェーン・ビジネスサミット2018」の内容について

最近、ブロックチェーンという言葉を聞くことが多くなりました。ブロックチェーンはインターネットに継ぐ大きな変化をもたらす技術とも言われており、個人的にはどんな風に世の中が変わるかに興味があります。 そこで、今回は先日開催されたイベント「ブロッ…

Babylon.js Editorでシーンを出力し、ブラウザで実行する方法

前回までの記事で、Babylon.js Editorで魔法剣エフェクトを作る方法を紹介してきました。 SwordモデルにPBR(Physical Based Rendering)をつける方法 【2018/12/9更新】UnityのようなGUIでWebGLコンテンツが作れるBabylon.js EditorでPBRを試してみた - Cross…

Babylon.jsでWindows Mixed Realityヘッドセットのアプリを作る方法

これはHoloLens Advent Calendar 2018の12日目です。前回はZuQ9Nnさんの『Mixed Realty Tookit Unity vNext2018を利用し、Air TapでCubeを落とすHoloLensアプリを作ってみた』でした。 今回はBabylon.jsをWindows Mixed Reality Headsetで使う方法を紹介しま…