Lab 7 in Singapore

Unityでのゲーム開発、プログラミング教育、VR/AR/MR、AI・機械学習に関して。たまにシンガポールのネタも。

AR_VR

7月5

【WebAR】AR.jsとA-Frameで簡単にWebARを実現 Part.2

前回から AR.js と A-Frame の組み合わせで実現する WebAR を試しています。前回は AR.js公式ページで紹介されている Marker Based WebAR のサンプルプログラムの使用方法を紹介しました。

【AR.jsとA-Frameで簡単にWebARを実現 Part.1】

今回はこのサンプルプログラムを修正して、以前 WebVRで試したものを WebARで表示してみようと思います。
IMG_1140

続きを読む
タグ ：
AR
AR_VR
WebAR
7月1

【WebAR】AR.jsとA-Frameで簡単にWebARを実現 Part.1

以前 Webブラウザ上で簡単に３D表現が実現できる A-Frame を利用した WebVR を紹介しました。

【A-Frameで簡単にWebVRを実現】

そして、今回からは同じ A-Frame と、WebAR用の JavaScriptライブラリ AR.js を組み合わせた WebAR を紹介 します。
AR Image_035

まず今回は写真にあるように、一番簡単な黒い枠線のあるマーカーを利用した Marker Based WebAR を公式にあるサンプルを使って説明していきます。

続きを読む
タグ ：
AR
AR_VR
WebAR
6月24

【Always with Merlion】Link Information

Banner_01

【Android】 free!

https://play.google.com/store/apps/details?id=com.lab7.always_with_merlion

【iOS】 free!

https://apps.apple.com/us/app/always-with-merlion-singapore/id1523031085

続きを読む
タグ ：
Support
Always_with_Merlion
AR
AR_VR
5月20

【WebAR】A-Frameで簡単にWebVRを実現 Part.2

本ブログでは今まで Unityでの ARアプリ開発の話を多く書いてきましたが、WebAR も書き出そうかと思います。

前回から ARの前に、A-Frame のみで実現できる WebVR を紹介しています。A-Frameとはと言う概要から、A-Frameのサイトにあるサンプルをスマホで実行するまでの方法、プログラムの詳細を説明しました。

【A-Frameで簡単にWebVRを実現 Part.1】

今回は前回のサンプルには含まれない他のいくつかのタグを紹介します。
以下の様に画像ファイル、アニメーション、３Dモデルの表示ができるようなプログラム（HTML）です。
AR Image_024
続きを読む
タグ ：
AR
AR_VR
WebAR
5月13

【WebAR】A-Frameで簡単にWebVRを実現 Part.1

本ブログでは今まで Unityでの ARアプリ開発の話を多く書いてきましたが、WebAR も書き出そうかと思います。

WebARを作成する場合、メジャーでかつ無料なライブラリと言ったら A-Frameと AR.jsです。
これらの利用法を何回かに渡って紹介していきます。

まず今回は ARに入る前に、A-Frame のみで実現できる WebVR の紹介です。
A-Frameのサイトにあるサンプルをスマホで実行すると以下のような形で表示されます。
AR Image_017

続きを読む
タグ ：
AR
AR_VR
WebAR
5月6

【AR、Unity】Unity AR Foundation のサンプルを試してみた（SimpleAR）Part.3

Unityで ARを簡単に実装できるフレームワーク Unity AR Foundation について、今まで各種機能を紹介してきました。
これらは全部 Androidにビルドして試しておりましたが、Unity AR Foundationの大きな特徴は Androidにも iOSにも対応した Multiplatform なところ。

今回は以前 Android版で紹介した単純な平面認識をして３Dオブジェクトを平面上に置くサンプルをそのまま iOSでビルドして実行させる紹介をします。
AR Image_004

その Android版で紹介は以下から確認ができます。
【Unity AR Foundation のサンプルを試してみた（SimpleAR）】
続きを読む
タグ ：
Unity
AR
AR_VR
4月29

【AR、Unity】Unity AR Foundation のサンプルを試してみた（Scale）

Unity AR Foundation はマルチプラットフォームでARアプリを開発できるフレームワーク です。
そして、Unityは AR Foundationを簡単に理解できるように、いくつものシーンを含んだ サンプルプロジェクトを GitHubにあげており、そのサンプルの中でよく使われる機能をいくつか既に紹介しました。

【Unity AR Foundation のサンプルを試してみた（SimpleAR）】
【Unity AR Foundation のサンプルを試してみた（ImageTracking）】
【Unity AR Foundation のサンプルを試してみた（FaceTracking）】

そして、今回は 現実世界と仮想世界とのScaleとRotationを合わせる機能サンプル「Scale」を紹介します。
ARF_Scale_01
続きを読む
タグ ：
Unity
AR
AR_VR
Game App from Lab7
GooglePlay_Top_2 (Android, iOS) GooglePlay_Top_2 (Android, iOS) GooglePlay_Top_2 (Android, iOS) GooglePlay_Top_2 (Windows) GooglePlay_Top_2 (Android, iOS)
Lab7 blog in English
GooglePlay_Top_2
Sponsored Link
Twitter プロフィール
Shichi@シンガポールでAR@ShichiJunichi
《シンガポールでARゲーム個人開発中。 主にARに関して情報発信してます。》 VR/AR/MR、Unity、機械学習/AIにも興味あり。それらのシンガポール、東南アジアの情報もあわせて発信中。
Blog Visitors [訪問者数]
  • 累計：

PV [アクセス数]
  • 累計：

Twitter [最近のつぶやき]
Sponsored Link
Contact [お問い合わせ]
Lab7_03
E-Mail: lab7.singapore@gmail.com
What's new? [最新記事]
【Photogrammetry】3DF Zephyrのチュートリアル #01 の解説 Part.2
【Unity】お薦め本紹介「Unity2020入門　最新開発環境による簡単３D＆2Dゲーム制作」
【Unity】お薦め本紹介「Unityの教科書 Unity2020完全対応版 2D&3Dスマートフォンゲーム入門講座」
【Photogrammetry】3DF Zephyrのチュートリアル #01 の解説 Part.1
【Unity】Android API 29をインストールしているのに Required API level 29が発生
【記事紹介】朝日新聞のネットメディア「GLOBE＋」さんにインタビューを受けた際の記事
【Unity】Google Playの対象APIがAPIレベル29（Android 10）に
Sponsored Link