ARProject PLATEAU WebXR2 「 新 宿 」
前回の浅草に引き続き、今度は新宿を表示してみようと思います。データのダウンロードやBabylon.jsでのWebXR表示については前回やりましたが、今回はLOD2という建物の外観も含めた詳細なデータを表示してみることにします。 ...
AR
AR
ARProject PLATEAU WebXR
国土交通省 都市局が公開している3DデータをWebXRで表示してみたいと思います。 こちらに目次がまとめられています。 3次メッシュ、4次メッシュとは これはグローバルに一般的なハナシではなく、JIS規格として定められて...
ARBabylonjsで扱うことの出来るファイルフォーマットについて
Three.jsでは、非常に多くのファイルを扱うことが出来ます。 一方で、Babylonjsがデフォルトでサポートしているファイル形式は多くありません。むしろかなり絞っています。これは方針の違いの一つであり、またそのメリットもあると...
AROculus向けにアプリを配信する方法
タイトル通り、VRデバイスであるOculus向けにアプリを配信する方法について備忘録としてまとめておきます。弊社にもOculus Quest/ Quest2があります。 Oculus とは Facebook傘下だった企...
ARBabylonjsとは(2021年4月)【WebXRサンプルコード有】
Babylon.jsとは、WebGLベースの3Dエンジンです。この場合の”エンジン”は実行環境のことであり、キーボードやマウスからの入力データを受け取り3Dグラフィックスを操作できるようにし、ブラウザなどに描画するものです。TypeScr...
ARWebGLやWebGPUとは
Three.jsの記事で、Three.jsはWebGLレンダラー…というようなことを記載しました。 A-FrameとThree.jsを使ってみた 改めて、WebGLとWebGPUについてまとめたいと思います。 WebGL...
ARA-FrameとThree.jsの使い方
A-Frameとは WebGLレンダラーであるThree.jsベースのMR向けのWebフレームワークです。Three.js単体でもマウスなどからの入力情報を用いつつ3Dモデルをレンダリングすることが出来るのですが、A-Frameを使...
ARWebXRについて【2021】
WebXRとは 過去、"WebVR"というのがあったのですが、VRに限らず使うものとしてWebXRが誕生しました。WebXRの仕様、対応ブラウザ、JavaScriptライブラリなどについて調べて御紹介します。 まずはWikip...
ARNreal Light の開発環境構築
弊社にもNreal Light Developer Kit が届いたので、開発環境を整備します。サンプルアプリを動かすところまでやってみます。 ## 前提とする環境 Windows PC Unity 2019.4 LTSがインスト...