【WebAR×絵本】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でより簡単にインタラクティブな…
ニュースWebARカメラ『TOBIRA』にキズナアイが登場！
6月30日(火)より、WebであそべるARカメラ『TOBIRA』のコラボ企画第2弾として、バーチャルタレント『Kizuna AI (キズナアイ)』とのコラボがスタートしました！ また、本記事の最後にはキズナアイちゃんの誕…
イベント『WebXR Tech Tokyo #1』イベントレポ！
「WebXR Tech Tokyo」2回目の開催！ 2020年6月29日、バーチャルSNSプラットフォームである“cluster”にて、今回で2回目の開催となる『WebXR Tech Tokyo …
コラムARグラスで体験できるWeb技術とは？【ARグラス解説】
現在、WebAR技術はスマートフォン上で利用されるコンテンツが主流ですが、“ARグラス”と呼ばれる最先端のハードウェアでもこの技術を活用することができます。 消費者向け端末としてはまだ一般的ではな…
