狠狠撸

狠狠撸Share a Scribd company logo
1
MC Open Lab. #1
2018 年 06 月 27 日(水)
Memberscareer t-kurita
2
Web上で軽快に動作する
オープンソースARツール
「AR.js」で遊んでみた!
3
AR
4
VR AR MR ?
5
VR と AR の違い
Virtual Reality
仮想 現実
Augmented Reality
拡張 現実
Mixed Reality
複合現実
6
2017年 8月29日 GoogleがAndroid向けの
ARフレームワーク「ARCore」を発表
7
2018年 6月5日 Apple、ARアプリをさらに
ダイナミックにプラットフォーム、「ARKit 2」を発表
8Introducing ARCore
https://youtu.be/ttdPqly4OF8
9ARCore: Augmented Images
https://youtu.be/uDs9rd7yD0I
10
どころじゃない!
11
AR の 戦い
2017年8月29日
ARフレームワーク「ARCore」発表
Pixel、Android OS 7.0以降 Galaxy S8
2014年 Tango 発表(2018年 終了)
2017年9月20日
iOS11標準搭載のAR機能「ARKit」発表
2017年12月20日
ポケモンGO「AR+」機能ついに「ARKit」対応
HoloLens
2015.01
2018年 Tango サポート終了 2018年6月5日
さらにダイナミックなiOS12対応「ARKit2」発表
12
Apps だけじゃない
Javascript でも出来る!?
13
「AR.js」で遊んでみた!
14
AR.js って何?
15
「AR.js」って何?
Learning Three.js の創業者であるアレクサ
ンドラが、2017年3月に、米国VRメディアの
「UPLoadVR」にて、「AR.js」の詳細を公表
「AR.js」 とは、ARアプリケーションを容易に製作するための
ARライブラリ(フレームワーク)です!
16
「AR.js」の特徴
「AR.js」はGitHub(ギット?ハブ)上に公開されており、
オープンソースでインストール不要、軽量かつ高速に動作して面
倒な環境構築の手間が省けられることが特徴。
誰でも気軽にAR体験ができたり、
javascript の基礎や応用を知ってい
る人は、オリジナルアプリを開発する
ことができます。
17
デモ
18
レシピ
AR.js(Web上で軽量?高速に動作するARツール)
Three.js (WebGLの高度な技術を使えるライブラリ)
ARToolKit (ARアプリを実現するC言語ライブラリ)
19
JSが映像を解析する
解析(デバッグ表示)動画?カメラ映像を解析
20
barcode をリアルタイムに Tracking
いくつあっても、斜めでも解析できる
21
カメラに写った barcode に AR
22
複数の 3Dモデル を barcode に
23
複数の 3Dモデル を barcode に
複雑な3Dモデルでも!
24
人の顔 も JS で Tracking できる
Debug画面
25
つまり「Face ID」「アニメ文字」的なことが
26
カメラアプリで面白いもの作れそう!
27
ご静聴ありがとうございました

More Related Content

Similar to 奥别产上で軽快に动作するオープンソースの础搁ツール「础搁.箩蝉」で游んでみた! (20)

PDF
础搁罢辞辞濒碍颈迟の绍介
yound_
?
PPTX
础搁颁辞谤别アプリを作ってみよう
ichirokato5
?
PDF
AndroidでARの夢を再び ?ARCoreの導入から応用まで
Kenichi Takahashi
?
PDF
础苍诲谤辞颈诲の础搁最新动向
Kenichi Takahashi
?
PDF
ARコンテンツ作成勉強会 in 宮崎: はじめようARCore
Takashi Yoshinaga
?
PDF
【Unite 2018 Tokyo】AndroidでAR?ARCoreの導入から応用、使う上での勘所まで
UnityTechnologiesJapan002
?
PDF
箩耻苍补颈辞で楽しもう础搁
Youhei Iwasaki
?
PDF
HTMLを書くだけで誰でも簡単!A-FrameではじめるWeb AR/VR
Takashi Yoshinaga
?
PDF
Trend and use case 20120607a with Ar (Augmented reality) -Ar(拡張現実) の動向と活用事例
Etsuji Kameyama
?
PDF
オープンソースで始める础搁/痴搁开発
Takashi Yoshinaga
?
PDF
AR, VR, MR の現状と最新事例 2015 Winter
Etsuji Kameyama
?
PDF
20190311 tech on-x_r_final
Hideki Ojima
?
PPTX
ARKit
冠太 三島
?
PPTX
Augmented realitynewstopics march2012
Kiyoaki Haba
?
PDF
Fukuoka LT 2019: AR Fukuoka
Takashi Yoshinaga
?
PDF
A-Frameで始めるWindows Mixed Reality
Takashi Yoshinaga
?
PPTX
[8thWall + three.js] #stayhomeを楽しくするWebARを一から作る
Atsuto Inoue
?
PPTX
Lets_make_AR.pptx
MasaoOkuta
?
PDF
WebでのARには ハードル(闇)がいっぱいある話
翔 石井
?
PDF
Unity+Vuforia でARアプリを作ってみよう
hima_zinn
?
础搁罢辞辞濒碍颈迟の绍介
yound_
?
础搁颁辞谤别アプリを作ってみよう
ichirokato5
?
AndroidでARの夢を再び ?ARCoreの導入から応用まで
Kenichi Takahashi
?
础苍诲谤辞颈诲の础搁最新动向
Kenichi Takahashi
?
ARコンテンツ作成勉強会 in 宮崎: はじめようARCore
Takashi Yoshinaga
?
【Unite 2018 Tokyo】AndroidでAR?ARCoreの導入から応用、使う上での勘所まで
UnityTechnologiesJapan002
?
箩耻苍补颈辞で楽しもう础搁
Youhei Iwasaki
?
HTMLを書くだけで誰でも簡単!A-FrameではじめるWeb AR/VR
Takashi Yoshinaga
?
Trend and use case 20120607a with Ar (Augmented reality) -Ar(拡張現実) の動向と活用事例
Etsuji Kameyama
?
オープンソースで始める础搁/痴搁开発
Takashi Yoshinaga
?
AR, VR, MR の現状と最新事例 2015 Winter
Etsuji Kameyama
?
20190311 tech on-x_r_final
Hideki Ojima
?
Augmented realitynewstopics march2012
Kiyoaki Haba
?
Fukuoka LT 2019: AR Fukuoka
Takashi Yoshinaga
?
A-Frameで始めるWindows Mixed Reality
Takashi Yoshinaga
?
[8thWall + three.js] #stayhomeを楽しくするWebARを一から作る
Atsuto Inoue
?
Lets_make_AR.pptx
MasaoOkuta
?
WebでのARには ハードル(闇)がいっぱいある話
翔 石井
?
Unity+Vuforia でARアプリを作ってみよう
hima_zinn
?

Recently uploaded (6)

PDF
フィシ?カル础滨时代のセキュリティ:ロホ?ティクスと础滨セキュリティの融合のあり方
Osaka University
?
PPTX
[Liberaware] Engineer Summer Internship.pptx
koyamakohei
?
PDF
React Native vs React Lynx (React Native Meetup #22)
Taiju Muto
?
PDF
AWS BedrockによるIoT実装例紹介とAI進化の展望@AWS Summit ExecLeaders Scale Session
Osaka University
?
PDF
音学シンポジウム2025 招待讲演 远隔会话音声认识のための音声强调フロントエント?:概要と我々の取り组み
Tsubasa Ochiai
?
PDF
【础滨罢搁滨翱厂】人惫蝉生成础滨でジェスチャーゲームを础滨罢滨搁翱厂を使ってしてみた
ueda0116
?
フィシ?カル础滨时代のセキュリティ:ロホ?ティクスと础滨セキュリティの融合のあり方
Osaka University
?
[Liberaware] Engineer Summer Internship.pptx
koyamakohei
?
React Native vs React Lynx (React Native Meetup #22)
Taiju Muto
?
AWS BedrockによるIoT実装例紹介とAI進化の展望@AWS Summit ExecLeaders Scale Session
Osaka University
?
音学シンポジウム2025 招待讲演 远隔会话音声认识のための音声强调フロントエント?:概要と我々の取り组み
Tsubasa Ochiai
?
【础滨罢搁滨翱厂】人惫蝉生成础滨でジェスチャーゲームを础滨罢滨搁翱厂を使ってしてみた
ueda0116
?
Ad

奥别产上で軽快に动作するオープンソースの础搁ツール「础搁.箩蝉」で游んでみた!