WebARを活用したサービス4選【ARカメラ、家具試しおき等】
Webブラウザで手軽にAR（拡張現実）を体験できる「WebAR」。そんなWebARを活用したコンテンツ／サービスには、年々さまざまなものが誕生しています。 本記事ではWebARを活用したコンテンツ／サービスを4つピックア…
WebAR事例WebAR事例
コラム簡単にWebARが作れる！WebAR作成ツールまとめ
現在、xR界隈において特に注目を集めるWebAR(WebブラウザでARを扱う技術)ですが、この技術を活用したコンテンツを制作するためには、ある程度の技術的な知識が必要となります。 誰でも簡単に、オリジナルのWebARコン…
WebAR事例WebARカメラ「TOBIRA(トビラ)」がリリース！
Webサービスのデザイン・システム開発を手掛ける株式会社palanから、5月29日にブラウザで遊べるWebカメラ「TOBIRA(トビラ)」がリリースされました！今回は第一弾コラボとしてあの SNS発ドタバタゆるゆるアニメ…
WebAR事例【WebAR×絵本】WebARで飛び出す絵本
誰もが小さいころ読んで育ったであろう絵本。子供の興味を惹くように絵が動いたり自分で動かす細工が施されている物や、ページをめくると飛び出す細工をしてあるものなど… 昔から多くの人々に読まれている絵本ですが、今日…
開発トピック【AR.js】WebARをAR.jsで実装する
今回はWebAR開発で使われる代表的なOSS「AR.js」について紹介していこうと思います。AR.jsを触ったことがないけどどんなことができるか知りたい、実際に使ってみたい、という方におすすめです。 ・AR.jsとは・A…
イベント『WebXR Tech Tokyo #2』イベントレポ！
「WebXR Tech Tokyo」3回目の開催！ 2020年8月24日、バーチャルSNSプラットフォームである“cluster”にて、今回で3回目となる『WebXR Tech Tokyo #2』…
開発トピック【Babylon.js #2】Device Orientation Cameraを使ってWebVR
今回の記事では3Dをブラウザで描画するBabylon.jsを使って、WebVRのシーンを作ってみます。WebVRの中でも、特にDevice Orientation Camera（デバイスの傾きと同期するカメラ）を使ってス…
開発トピック【Babylon.js #1】基本シーンをレンダリングしてみる
近年、生のWebGLを書くことなく手軽に3DCGを扱うことのできるライブラリが多く登場してきました。今回はその中でもBabylon.jsを使った3Dの基本シーンのレンダリング方法をご紹介していきます。 Babylon.j…
開発トピックWebAR / WebVRの開発ライブラリ一覧【完全保存版】
WebAR開発について WebXR（WebVR / WebAR）開発には、開発を手軽にするライブラリがいくつかあります。代表的なものはWebARではAR.js、WebVRにはA-Frameなどが挙げられます。 今回は開発…
開発トピック【WebAR】model-viewerとは？iOS / Android開発方法
こちらの記事ではmodel-viewerで実現するWebARについてまとめていきます。 model-viewerとは model-viewerとはgoogleが開発するプロジェクトで、Webでより簡単にインタラクティブな…
