AR– category –

前回の浅草に引き続き、今度は新宿を表示してみようと思います。データのダウンロードやBabylon.jsでのWebXR表示については前回やりましたが、今回はLOD2という建物の外観も含めた詳細なデータを表示してみることにします。 https://yumenomoto.com/blog/p...

国土交通省 都市局が公開している3DデータをWebXRで表示してみたいと思います。 こちらに目次がまとめられています。https://www.geospatial.jp/ckan/dataset/plateau-tokyo23ku 3次メッシュ、4次メッシュとは これはグローバルに一般的なハナシではなく、...

Three.jsでは、非常に多くのファイルを扱うことが出来ます。https://github.com/mrdoob/three.js/tree/dev/examples/jsm/loaders 一方で、Babylonjsがデフォルトでサポートしているファイル形式は多くありません。むしろかなり絞っています。これは方針の...

タイトル通り、VRデバイスであるOculus向けにアプリを配信する方法について備忘録としてまとめておきます。弊社にもOculus Quest/ Quest2があります。 Oculus とは Facebook傘下だった企業のVRデバイスブランドで、現在はFacebook子会社に吸収されています...

Babylon.jsとは、WebGLベースの3Dエンジンです。この場合の”エンジン”は実行環境のことであり、キーボードやマウスからの入力データを受け取り3Dグラフィックスを操作できるようにし、ブラウザなどに描画するものです。TypeScriptで開発されていますが、Ja...

Three.jsの記事で、Three.jsはWebGLレンダラー…というようなことを記載しました。 A-FrameとThree.jsを使ってみた 改めて、WebGLとWebGPUについてまとめたいと思います。 WebGLとは まず、Khronos Groupという非営利団体が策定しているOpenGL（Open Graphi...

A-Frameとは WebGLレンダラーであるThree.jsベースのMR向けのWebフレームワークです。Three.js単体でもマウスなどからの入力情報を用いつつ3Dモデルをレンダリングすることが出来るのですが、A-Frameを使えばVRデバイスを活用することが出来、またUnityラ...

WebXRとは 過去、"WebVR"というのがあったのですが、VRに限らず使うものとしてWebXRが誕生しました。WebXRの仕様、対応ブラウザ、JavaScriptライブラリなどについて調べて御紹介します。 まずはWikipediaの記載やMozillaの考え方を見比べてみましょう。 Wi...

弊社にもNreal Light Developer Kit が届いたので、開発環境を整備します。サンプルアプリを動かすところまでやってみます。 ## 前提とする環境 Windows PC Unity 2019.4 LTSがインストール済 Android Studio を利用し、Android SDK8.0 (API Level26:Oreo)...