Hatena Blog Tags
はてなブログ トップ
WebAR
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

WebAR

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
ENGINEERING BLOG ドコモ開発者ブログ•8ヶ月前

どのWebARが一番スゴイ？画像認識のAR精度を徹底比較！

※ 本記事は 2026/3/31 以前にNTTコノキューにて記載した記事になります こんにちは！NTTコノキューのかじぐちです。 皆さんは Web AR を使ったことがありますか？ Web AR とは、ブラウザ上で AR (Augmented Reality / 拡張現実）を体験できる技術です。 アプリ不要で気軽に体験することができる点から、最近では広告やイベント、教育など、様々な分野で注目を集めています。 この記事では、そんな Web AR の、特に画像認識 AR の精度に注目し、いくつかのライブラリを比較してみました。動画もありますので、ぜひ Web AR を活用する際の参考にしてみてくだ…

#AR (拡張現実)#WebAR#画像認識

関連ブログ

日々是好日～every day is a good day～•2年前

WebARラジコンヘリコプター

ネットでたまたま見つけたARのラジコンカー これをどうしても再現したくて 試行錯誤してみました ただ平面認識はできる気がしなかったので車ではなくヘリコプターに 着陸はただ下に下がるだけです もしかしたら空中で止まることになるかもしれませんが そこはご愛嬌（笑） こんなのができました 赤いボールにタッチするとボールは黄色になりヘリコプターが上昇します ボールを動かすと緑になり動かした方向に移動します 指を離すとボールは赤に戻りヘリコプターは降下します 降下が終わるとプロペラが停止します 私のスマホでは問題なく動いたのですが ipadではボールの表示がうまくいきませんでした 端末によっては操作でき…

#WebAR#ラジコンヘリコプター
日々是好日～every day is a good day～•2年前

WebARでシューティングゲーム

以前 ARのシューティングゲームを誰でも簡単にWeb上でできないかということを模索しておりまして everydayisagoodday.hatenadiary.com そこでたどり着いたのがA-Frame コツコツと勉強を続けようやくUnityで作ったものと同様のARシューティングゲームが完成しました👏 QRコードを読み込んで カメラの設定を許可またはONにしてください （プラットフォームを変更したため2025.8.26に差し替えました） 60秒以内に20体のモンスターを射撃する単純なゲームです サンプル映像はVRです VRの方がよかったらこちらのQRコードからどうぞ （プラットフォームを変更…

#WebAR#シューティングゲーム
日々是好日～every day is a good day～•2年前

WebARでアクアリウム的な感じ

最近『A-Frame』にハマっておりまして 日々勉強中です これまで勉強したAndroid StudioやUnityは 簡単なサンプルをコピーして実際に動かしてみて そのうちサンプル１とサンプル２を組み合わせたらこんなことができるかもと だんだんできることが増えていった感じで割とスーッと受け入れることができました ところがA-Frame コピペしても動かないんです（汗） 何が悪いかなんてわかりません だって無事に動いたらこれは正解なんだって経験値を今から積み上げていく段階なのに マニュアル見ても英語だし Google先生に聞いてもレベルが高くて求めている答えじゃないし（涙） だいたいいつも壁に…

#WebAR#アクアリウム
日々是好日～every day is a good day～•2年前

WebARをやってみました

ARの勉強をサボっている間もたまに情報収集はしておりまして 「WebAR」というものが良さそうな感じです WebARはA-FrameとAR.jsというライブラリを使うことで簡単にできるらしく まずはこちらの動画を参考にしながらWebARに初挑戦 www.youtube.com aframe.io ar-js-org.github.io glitch.com これをすこーしだけ変更して３Dモデルを表示するようにしました <html> <head> <script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script> <scr…

#WebAR#AR.js
kakimarublog - ARの知見メモ•3年前

2023.03開催の「8Talks: UX for WebAR」をざっくりまとめる

www.youtube.com WebARでのUXポイント10こまとめ 安全についてユーザーに知らせよう ユーザーにどう動いてほしいかをシンプルに表示しよう 探索させるような部屋を作ろう（ARはでかく作れ！） 視覚的なマーカーを使おう（重要なものに集中させたり、モデルの位置に矢印を出したりしよう） スケールを忘れないように、ARを作る前の計画でまずはスケールを考えるべき（8th Wallは良いサイズで出せるよ） ユーザーの徘徊ルートもデザインしよう（行って欲しくない場所にきたらぼかして移動を促したりするべき） オブジェクトを操作させよう（タップやドラッグなど一般的な操作ジェスチャーでオブジェク…

#WebAR#AR#8thWall
ENGINEERING BLOG ドコモ開発者ブログ•3年前

AR.js + A-Frameで作ったWebARでエイを呼び出す「エイR」をやってみた

はじめに テックな皆さん、こんにちは！ NTTコノキューの「さえもん」こと、木村と申します。 今年10月に設立されたXR事業会社であるNTTコノキューに、NTTドコモから出向しています。 ※XRとは、VR/MR/ARの技術の総称です。 今日は「NTTドコモ R&Dアドベントカレンダー2022」の22日目ということで、 数あるXR技術の中でも、WebARをテーマに開発してみました！ はじめに WebARとは 本記事の構成 3Dモデルを作成する 3Dモデルをエクスポートする マーカーを用意する 開発環境を準備する WebARを実装する Github Pagesでデプロイして公開する WebARを体…

#WebAR#XR#AR