じゅころぐAR

ARのブログ

WebVR

A-Frameのハンドトラッキングを試してみた

WebVRフレームワークのA-Frameがv1.1.0にアップデートされ、hand-tracking-controlsに対応しました。 github.com このアップデートによりOculus Quest(Quest2)で簡単にハンドトラッキングができるようになったので早速試してみます。 公式ドキュメントを読…

Mozilla Hubsを快適に使うためのおすすめ環境設定

最近、Mozilla Hubsを使う機会が増えまして。Hubsってよくできてるんです。よくできてるんですけど、こんな機能あったの?って数ヶ月経ったあとに気付くくらい機能がたくさんあるんですよね。 特に多くの人に役立ちそうなとこだと、「環境設定がデフォルトの…

A-FrameでOculus Quest向けVRアプリを作ってみた

Oculus Questを購入したので、Quest向けのWebVRアプリを作ってみました。 A-Frame WebVR Maze https://vr.jyuko49.com/maze/index.html 本記事では、WebVRアプリを作成して公開するまでの流れを雑にまとめています。上記アプリの具体的な実装方法については…

three.jsでWebVRを行うための基本的なところ

久々の投稿デス。 WebXRやろうかなと思ったのですが、手持ちのARCore対応デバイスがAndroid7.xのため試せず・・・で気分転換にWebVRをやりました。 はじめに three.jsでVRMを扱う UniVRMでエクスポートする ボーンアニメーションで動かす three.jsのシーンを…

Amazon Sumerianのプレビュー版を使ってみた

Amazon SumerianがLimited Previewから誰でも試せるPublic Previewになっていることをご存知でしたでしょうか。 私は今日まで知りませんでした… Limited Previewで知り得た情報については公開を控えていたのですが、想像以上に使いやすく可能性を秘めたサー…

A-FrameでPhysicsを扱う

前回に引き続き、A-Frameで簡単なVRアプリを実装してみます。 今回は、aframe-physics-systemによる物理演算のサンプルです。 動作デモ 先に何ができるかイメージした方がよさそうなので、デモ動画を載せておきます。 前回同様にgdgd妖精sのMMDを使用したの…

A-Frameでnav meshを使う

WebVRフレームワークのA-Frameは、HTML/JavaScriptで記述でき、様々なコンポーネントを組み合わせて使うことで簡単にマルチプラットフォーム向けのVRコンテンツが作成できます。 便利な機能がまとめてincludeできるaframe-extrasを眺めていたところ、nav mes…