-
PythonのWindowsアプリケーションとしてYOLOv8を組み込む
材料 Pyinstaller YOLOv8 venvを作る Pyinstallerで余計なものが入らないよう、venv内の作業にする python -m venv venv # tabで候補を探して アクティベート（activate）する venv/Scripts/activate 必要なものをインストール pip install pyinstaller pi... -
glTFファイルとは
glTFファイルは3Dデータのjpegと呼ばれるもので、「Webで取り扱いやすいデータ形式」です。データ形式としては他に3Dプリンターで扱われるstl (1987年～)、3Dモデリングソフトで使われるobj(1995年～)などあります。それぞれに比較すると、このgltfの最新... -
Unityとは
スマートフォンアプリの実現方法は大きく分けて三つあります。 ネイティブアプリ：AppleやGoogleが指定している技術で開発するハイブリットアプリ：Web技術を組み合わせて開発する第三者技術アプリ：特定の第三者の技術で開発する Unityアプリは、3番目の... -
gltf (.glb)ファイルをbabylon.jsを使ってWebサイト上に表示する方法
"3Dデータにおけるjpeg"と呼ばれる gltf を、Babylon.jsを使ってWeb上で表示する方法について紹介します。 サンプル Babylon.jsではcanvas要素を利用して3Dレンダリングを行います。背景を透過させることが出来ます。 基本形 <!DOCTYPE html> <ht... -
【Babylon.js】カメラについて
Babylon.jsには複数のカメラタイプがあります。必要に応じて使い分けましょう。 カメラの種類特徴Universal CameraいわゆるFPS風のカメラです。自身の視点を中心に、canvasを描画します。Arc Rotate Camera指定した位置座標をカメラの中心にとらえ、canvas... -
Promiseとasync/awaitについてメモ
久し振りに使おうとしたときに忘れていたので備忘録。 Promise await/asyncを使おうとか、アロー関数式での表現とかありますが、まずこのPromiseに立ち返った方が良さげ。 そもそもPromiseとは プロミス (Promise) は、作成された時点では分からなくてもよ... -
Project PLATEAU WebXR2 「 新 宿 」
前回の浅草に引き続き、今度は新宿を表示してみようと思います。データのダウンロードやBabylon.jsでのWebXR表示については前回やりましたが、今回はLOD2という建物の外観も含めた詳細なデータを表示してみることにします。 https://yumenomoto.com/blog/p... -
Project PLATEAU WebXR
国土交通省 都市局が公開している3DデータをWebXRで表示してみたいと思います。 こちらに目次がまとめられています。https://www.geospatial.jp/ckan/dataset/plateau-tokyo23ku 3次メッシュ、4次メッシュとは これはグローバルに一般的なハナシではなく、... -
Babylonjsで扱うことの出来るファイルフォーマットについて
Three.jsでは、非常に多くのファイルを扱うことが出来ます。https://github.com/mrdoob/three.js/tree/dev/examples/jsm/loaders 一方で、Babylonjsがデフォルトでサポートしているファイル形式は多くありません。むしろかなり絞っています。これは方針の... -
Laravelでデータベースからselectした結果を使ってwhere検索する方法
とあるテーブルのデータを用いて、さらに別のテーブルのデータを取り出そうとしたのですが思った通りの結果が出ず。。JoinしたりleftJoinしているうちに何がなんだか分からなくなり、地道に組み立てようとするもソレにも時間がかかったので忘備録としてメ... -
Oculus向けにアプリを配信する方法
タイトル通り、VRデバイスであるOculus向けにアプリを配信する方法について備忘録としてまとめておきます。弊社にもOculus Quest/ Quest2があります。 Oculus とは Facebook傘下だった企業のVRデバイスブランドで、現在はFacebook子会社に吸収されています... -
Babylonjsとは(2021年4月)【WebXRサンプルコード有】
Babylon.jsとは、WebGLベースの3Dエンジンです。この場合の”エンジン”は実行環境のことであり、キーボードやマウスからの入力データを受け取り3Dグラフィックスを操作できるようにし、ブラウザなどに描画するものです。TypeScriptで開発されていますが、Ja...
