AR (Argumented Reality)
 擴增實境簡介與案例分享
     2013.03.20 @ Hiiir Inc.
    Ellis Wu<ellis_wu@hiiir.com>
英屬維京群島商時間軸科技股份有限公司新創事業部
Argumented Reality 擴增實境是什麼?

Wiki百科上的定義
•   是一種實時地計算攝影機影像的位置及角度並加上相應圖像的技術,這種技
    術的目標是在螢幕上把虛擬世界套在現實世界並進行互動

AR的元素
•   Combines real and virtual(將虛擬物與現實結合)

•   Interactive in real time(即時互動)

•   Registered in 3-D(三維)
Argumented Reality 擴增實境是什麼?
•   即時在現實中加入虛擬的資訊,進而達到更好的體驗

•   AR是一種概念,實現的方式有很多種,許多的方式待我們發掘

Argumented Reality vs Virtual reality

擴增實境與虛擬實境的差別




       圖片來源:http://www.pcexpert.com.tw/AR/AR.htm
AR技術開發探討
•   AR類型
    – 影像辨識型
      • 影像辨識技術
           – Marker 辨識
           – 自然辨識
           – 臉部辨識
           – 動態辨識
           – 骨架辨識
      • 語音辨識技術
      • 3D技術
AR應用範疇案例分享
•   電子商務案例(一)

    – 室內設計

•   技術分析:

    3D技術




     資料來源:http://www.youtube.com/watch?v=vIBFyxF69U8
AR應用範疇案例分享
•   電子商務案例(二)

    – 線上試衣間

•   技術分析:

•   Kinect捕捉人體

    體骨架系統




            資料來源: http://www.youtube.com/watch?v=L_cYKFdP1_0
AR技術開發探討
 •   影像辨識       3.動態辨識 骨架辨識

     – XBOX kinect




資料來源: http://www.techbang.com/posts/2936-get-to-know-how-it-works-kinect
AR技術開發探討
 – Microsoft kinect SDK

 – 微軟官方開放之Kinect SDK 以 C# 開發

 – http://www.microsoft.com/en-
   us/kinectforwindows/develop/developer-downloads.aspx



 – AIR kinect SDK

 – http://www.as3nui.com/airkinect-2-3-0/
AR應用範疇案例分享
•   LBS 應用案例(一)

    – Wikitude

•   技術分析:

    – GPS




                 資料來源:http://www.youtube.com/watch?v=7vfzkFfIK1U
AR技術開發探討
•   AR類型

    – LBS型

      • 衛星定位

           – 取得經緯度資訊

      • 陀螺儀

           – 取得角度資訊

      • 電子羅盤

           – 取得方向資訊
AR技術開發探討
•   Wikitude

    – 功能:LBS地理資訊獲得 圖型辨識與追蹤 3D Model Rendering

    – 官網:http://www.wikitude.com/developer

    – 特點:phoneGap, titanium




       資料來源: http://www.wikitude.com/developer
AR應用範疇案例分享
            資料來源:http://www.youtube.com/watch?v=EfeVEAZkJqM

•   行銷案例

    – AXE天使降臨

•   技術分析:

    – 影像辨識

    – 影片去背後製




    資料來源:http://www.youtube.com/watch?v=rFuUFeQIdpk
AR技術開發探討
•   影像辨識          1.Marker 辨識

    – FlarManager

    – ARMark Track AR Engine

    – For Flash

    – 功能:單一MarkTrack

            多MarkerTrack

    – 支援裝置:desktop

    – 語言:AS3

    – http://words.transmote.com/wp/flarmanager/
AR技術開發探討
•   影像辨識       2.自然 辨識

    – In2AR

    – For Flash Unity

    – 功能:圖像辨識

    – 支援裝置:desktop、mobile、web、console

    – 語言:unity(c#,js),as3

    – http://www.in2ar.com/




                 資料來源:http://www.in2ar.com/
AR應用範疇案例分享
•   遊戲案例(一)

    – Kinect 雷曼兔

•   技術分析:

    骨架辨識




            資料來源:http://www.youtube.com/watch?v=IcOIKrDg58c
AR應用範疇案例分享
•   遊戲案例(二)

    – Google ar game

    – Ingress 虛擬戰場

•   技術分析:




                   http://www.youtube.com/watch?v=PhT1ToPU3WA
AR應用範疇案例分享
    Google Glass

•   技術分析:




           資料來源:http://www.youtube.com/watch?v=9c6W4CCU9M4
AR技術開發探討

•   使用什麼裝置?

    – 行動裝置 (智慧型手機、平板電腦)

    – 遊戲主機 (Xbok Kinect , PS3)

    – PC (WEB CAM)

•   用什麼語言開發?

•   JS AS3 C# …….
AR技術開發探討
•   開發成本

    •   開發技術門檻高

    •   影像辨識成本高

•   技術限制

    •   硬體效能

    •   辨識度
未來發展趨勢
•   隨著硬體效能的進步,AR技術可能逐漸成熟,且使用者體驗更佳



•   行動裝置的普及,讓AR的門檻大大降低
AR創意發想

•   重點在於應用方式 不在技術



•   關鍵報告搬上現實生活?



•   遊戲王搬上現實生活?
延伸閱讀
•   康寧玻璃


•   http://www.corning.com/index.aspx
•   http://www.youtube.com/watch?v=qni67aUJbw4


•   Leap Motion




•   https://www.leapmotion.com/
•   https://www.youtube.com/watch?feature=player_embedded&v=3b4
    w749Tud8
參考文章

•   AR相關資訊
•   http://www.inside.com.tw/2010/12/30/forrester-on-augmented-
    reality-2010
•   http://www.inside.com.tw/2011/03/30/augmented-reality-
    application-in-that-monetize
•   http://www.inside.com.tw/2012/11/20/google-ingress
•   http://zh.wikipedia.org/wiki/%E6%93%B4%E5%A2%9E%E5%AF%
    A6%E5%A2%83
•   http://www.pcexpert.com.tw/AR/AR.htm
•   Kinect
•   http://www.techbang.com/posts/2936-get-to-know-how-it-works-
    kinect

AR擴增實境簡介與案例分享

  • 1.
    AR (Argumented Reality) 擴增實境簡介與案例分享 2013.03.20 @ Hiiir Inc. Ellis Wu<ellis_wu@hiiir.com> 英屬維京群島商時間軸科技股份有限公司新創事業部
  • 2.
    Argumented Reality 擴增實境是什麼? Wiki百科上的定義 • 是一種實時地計算攝影機影像的位置及角度並加上相應圖像的技術,這種技 術的目標是在螢幕上把虛擬世界套在現實世界並進行互動 AR的元素 • Combines real and virtual(將虛擬物與現實結合) • Interactive in real time(即時互動) • Registered in 3-D(三維)
  • 3.
    Argumented Reality 擴增實境是什麼? • 即時在現實中加入虛擬的資訊,進而達到更好的體驗 • AR是一種概念,實現的方式有很多種,許多的方式待我們發掘 Argumented Reality vs Virtual reality 擴增實境與虛擬實境的差別 圖片來源:http://www.pcexpert.com.tw/AR/AR.htm
  • 4.
    AR技術開發探討 • AR類型 – 影像辨識型 • 影像辨識技術 – Marker 辨識 – 自然辨識 – 臉部辨識 – 動態辨識 – 骨架辨識 • 語音辨識技術 • 3D技術
  • 5.
    AR應用範疇案例分享 • 電子商務案例(一) – 室內設計 • 技術分析: 3D技術 資料來源:http://www.youtube.com/watch?v=vIBFyxF69U8
  • 6.
    AR應用範疇案例分享 • 電子商務案例(二) – 線上試衣間 • 技術分析: • Kinect捕捉人體 體骨架系統 資料來源: http://www.youtube.com/watch?v=L_cYKFdP1_0
  • 7.
    AR技術開發探討 • 影像辨識 3.動態辨識 骨架辨識 – XBOX kinect 資料來源: http://www.techbang.com/posts/2936-get-to-know-how-it-works-kinect
  • 8.
    AR技術開發探討 – Microsoftkinect SDK – 微軟官方開放之Kinect SDK 以 C# 開發 – http://www.microsoft.com/en- us/kinectforwindows/develop/developer-downloads.aspx – AIR kinect SDK – http://www.as3nui.com/airkinect-2-3-0/
  • 9.
    AR應用範疇案例分享 • LBS 應用案例(一) – Wikitude • 技術分析: – GPS 資料來源:http://www.youtube.com/watch?v=7vfzkFfIK1U
  • 10.
    AR技術開發探討 • AR類型 – LBS型 • 衛星定位 – 取得經緯度資訊 • 陀螺儀 – 取得角度資訊 • 電子羅盤 – 取得方向資訊
  • 11.
    AR技術開發探討 • Wikitude – 功能:LBS地理資訊獲得 圖型辨識與追蹤 3D Model Rendering – 官網:http://www.wikitude.com/developer – 特點:phoneGap, titanium 資料來源: http://www.wikitude.com/developer
  • 12.
    AR應用範疇案例分享 資料來源:http://www.youtube.com/watch?v=EfeVEAZkJqM • 行銷案例 – AXE天使降臨 • 技術分析: – 影像辨識 – 影片去背後製 資料來源:http://www.youtube.com/watch?v=rFuUFeQIdpk
  • 13.
    AR技術開發探討 • 影像辨識 1.Marker 辨識 – FlarManager – ARMark Track AR Engine – For Flash – 功能:單一MarkTrack 多MarkerTrack – 支援裝置:desktop – 語言:AS3 – http://words.transmote.com/wp/flarmanager/
  • 14.
    AR技術開發探討 • 影像辨識 2.自然 辨識 – In2AR – For Flash Unity – 功能:圖像辨識 – 支援裝置:desktop、mobile、web、console – 語言:unity(c#,js),as3 – http://www.in2ar.com/ 資料來源:http://www.in2ar.com/
  • 15.
    AR應用範疇案例分享 • 遊戲案例(一) – Kinect 雷曼兔 • 技術分析: 骨架辨識 資料來源:http://www.youtube.com/watch?v=IcOIKrDg58c
  • 16.
    AR應用範疇案例分享 • 遊戲案例(二) – Google ar game – Ingress 虛擬戰場 • 技術分析: http://www.youtube.com/watch?v=PhT1ToPU3WA
  • 17.
    AR應用範疇案例分享 Google Glass • 技術分析: 資料來源:http://www.youtube.com/watch?v=9c6W4CCU9M4
  • 18.
    AR技術開發探討 • 使用什麼裝置? – 行動裝置 (智慧型手機、平板電腦) – 遊戲主機 (Xbok Kinect , PS3) – PC (WEB CAM) • 用什麼語言開發? • JS AS3 C# …….
  • 19.
    AR技術開發探討 • 開發成本 • 開發技術門檻高 • 影像辨識成本高 • 技術限制 • 硬體效能 • 辨識度
  • 20.
    未來發展趨勢 • 隨著硬體效能的進步,AR技術可能逐漸成熟,且使用者體驗更佳 • 行動裝置的普及,讓AR的門檻大大降低
  • 21.
    AR創意發想 • 重點在於應用方式 不在技術 • 關鍵報告搬上現實生活? • 遊戲王搬上現實生活?
  • 22.
    延伸閱讀 • 康寧玻璃 • http://www.corning.com/index.aspx • http://www.youtube.com/watch?v=qni67aUJbw4 • Leap Motion • https://www.leapmotion.com/ • https://www.youtube.com/watch?feature=player_embedded&v=3b4 w749Tud8
  • 23.
    參考文章 • AR相關資訊 • http://www.inside.com.tw/2010/12/30/forrester-on-augmented- reality-2010 • http://www.inside.com.tw/2011/03/30/augmented-reality- application-in-that-monetize • http://www.inside.com.tw/2012/11/20/google-ingress • http://zh.wikipedia.org/wiki/%E6%93%B4%E5%A2%9E%E5%AF% A6%E5%A2%83 • http://www.pcexpert.com.tw/AR/AR.htm • Kinect • http://www.techbang.com/posts/2936-get-to-know-how-it-works- kinect