【Web AR】8th Wall WebでARマーカー認識を行う｜Jun Ito
こんにちは、ARスタートアップMESONでプロデューサー・ディレクターをやっているjujujun110です。 Web ARを実現するためのライブラリ8th Wall。これまでのバージョンではマーカーレスの空間認識のみの対応でしたが、2019/04/17にリリースされたver.11からマーカー認識機能がついたので使い方を見ていこうと思います。 公式のデモ映像 アカウントとデバイスのセットアップ8th Wall はJavaScriptライブラリでありながら有償ソフトウェアであり、自身のサーバーにアプリケーションをアップロードして利用するには費用がかかります。（ローカルで試すだけなら無料） また、利用にはユーザー登録とアプリケーションの作成が必要ですので、チュートリアルを読みながら済ませておきましょう。 次に、ダッシュボードのトップページの右上から、Device Authorizationをクリ
HTMLタグで本格VRコンテンツが作れる！ Mozillaが開発した3DライブラリA-Frame - ICS MEDIA
HTMLタグで本格VRコンテンツが作れる！ Mozillaが開発した3DライブラリA-Frame WebXRフレームワークの「A-Frame」を使えば、JavaScriptを記述することなく、HTMLにタグを追加するだけでVRコンテンツが作成できます。 次のデモはA-Frameを用いてt作成したオリジナルのVRデモです。中央の円状のカーソルを牛の3Dモデルに重ねることでアニメーションします。 ※パソコンではドラッグ、スマートフォンではジャイロセンサーが検知した傾きで視点が変わります。右下のアイコンをクリックすると、HMDで閲覧できるモードへ切り替わります。 デモを別ウィンドウで開く HTMLをマークアップするようにVRコンテンツを作成しよう VRコンテンツをHTMLのマークアップのように作成するには、JavaScriptライブラリ「A-Frameエー・フレーム」を使用します。「やっぱりJa
スマホARを作ろう - こくぶん研究室
スマホ AR を作ろう はじめに 不思議で楽しい AR ニンテンドー3DSの「ARゲームズ」（2011）で「AR」という言葉が一気に知られるようになりました。そしてポケモンGO（2016）の流行で、一気にたくさんの人が AR を利用するようになりました。 AR (Augmented Reality; 拡張現実) は、カメラの映像にCGなどを重ねて表示することで、現実世界を情報で拡張した体験を生む技術です。単純に「不思議」と思える、楽しいものですね。 スマホで AR も簡単に Processing で AR このサイトでも Processing を使って AR アプリを作る方法を紹介しました。パソコンとWebカメラがあれば、簡単に作れることを紹介しました。でも、パソコンだけでなく、スマホでも作りたいですね。もちろん、スマホで AR コンテンツを作る方法はこれまでもありました（例えばこちら）。
GitHub - c-frame/aframe-extras: Add-ons and helpers for A-Frame VR.
Add-ons and helpers for A-Frame VR. Includes components for controls, model loaders, pathfinding, and more: src ├── controls/ (Documentation) │ ├── movement-controls.js │ ├── checkpoint-controls.js │ ├── gamepad-controls.js │ ├── keyboard-controls.js │ ├── touch-controls.js │ └── trackpad-controls.js ├── loaders/ (Documentation) │ ├── animation-mixer.js │ ├── collada-model-legacy.j
【何が出るかな】aframe-physics-systemを使いWeb VRで物理演算をやってみる - VOYAGE GROUP VR室ブログ
こんにちは。 最近の推し漫画はジャンプで連載中の鬼滅の刃なjujunjun110です。基本的に展開はシリアスでよくできているし、その中に突如ぶっこまれるシュールギャグがまた良い。まだ4巻しか出ていないのでぜひ。 さて、先日VRをやっている方を集めた飲み会を開催しまして、参加者の皆様から事前に集めた話題を選ぶために、勉強も兼ねてWebVRフレームワークA-Frameで簡単なサイコロWebアプリを作成したので、その技術について書いてみます。 ↑こんな感じで、おはようからおやすみまで暮らしを見つめてくれそうなテイストのアプリケーションです。 目次 目次 物理演算コンポーネントaframe-physics-system インストール 基本的な使い方 サイコロをころがす サイコロの面を追加する まとめとお知らせ 物理演算コンポーネントaframe-physics-system まず、A-Frameの
A-FRAMEでMMDを動かす！！ - Qiita
A-FRAMEを使って容易にブラウザで動くVRコンテンツを作れることを知って、もっと（簡単に楽に）ちょっとリッチなものができないかなーと思ってたところでMMDモデルを導入できるJSライブラリを発見しました。 MMDっていうとあれですよ、ニコニコ動画でよく見るMMDですよ。 初音ミクさんとかを3Dモデルにして踊らせられるあのMMDですよ。 MMD杯とか大好きですよ。（特に毎回恒例の弱音ハクのハイキックシリーズとか） というわけで以下の通り、ぽんこつAIユーチューバーの「キズナアイ」ちゃんをモデルに、ちょっと気軽にサクサク作ってみました。 レシピ モデル キズナアイ様 http://kizunaai.com/ キャラクターデザイン：森倉円様 モデリング制作監修：Tda様 モデラー：トミタケ様 (c)Kizuna AI モーション １．「八極拳 モーション詰め合わせ」より「八極小架」 作者：hi
A-Frame を使った基本的なデモの作成 - ゲーム開発 | MDN
Web のゲーム開発紹介 Web のゲーム開発紹介 ビデオゲームとの違い ツール Canvas CSS Full screen Gamepad IndexedDB JavaScript Pointer Lock SVG Typed Arrays Web Audio WebGL WebRTC WebSockets WebVR Web Workers XMLHttpRequest ゲーム開発テクニック asm.js の同期スクリプトを利用する 起動パフォーマンスを最適化する ピア通信チャンネルとして WebRTC を利用する Web ゲームの効率的なアニメーション Web ゲーム向けの音 2D 衝突検出 タイルとタイルマップの概要 Web上の 3D ゲームの概要 Web上の 3D ゲームの概要 基本の 3D理論の説明 A-Frame Babylon.js PlayCanvas を利用した基本的
A-Frame – Building Blocks for the VR Web
Subscribe to get updates on A-Frame and our VR projects! Subscribe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オープンソースで始めるAR/VR開発
HTMLを書くだけで誰でも簡単！A-FrameではじめるWeb AR/VR
VR YAPC Tokyo 2019を作った - hitode909の日記
A-Frameコンポーネントを公開しよう
embedded – A-Frame
GitHub - mayognaise/aframe-mouse-cursor-component: Mouse Cursor Component for A-Frame VR.
A FRAMEの使い方
Sandbox • VR Examples
Aframe詰め合わせ
GitHub - takahirox/a-mmd: A-Frame MMD component