好孩子的第一次挑戰 WebVR 就快快樂樂上手課程

  • 2016/05/28(六) 14:00(+0800) ~ 17:00(+0800) ( iCal/Outlook, Google 日曆 )
  • 摩茲工寮 (Mozilla Community Space Taipei) / 台北市中正區八德路一段 94 號 3F
  • 20 / 20
  • MozTW(Mozilla 台灣社群)聯絡主辦單位

2016/05/19 中午 12:34 開放報名

VR(虛擬實境)的名詞出現已久,但一直到最近硬體與軟體開發上的門檻大幅降低才真正進入一般人的生活。作為企圖用 Web 統一天下(誤)的 Web 開發者,想來一定也很想看看怎麼用自己熟知的技術開發 VR 內容吧!

這位客官來得正好,我們這裡剛好有個叫做 WebVR 的東西!WebVR 是一套發展中的 API 規格,讓 Web 開發者可以創作內容、而使用者藉 VR 顯示工具可與內容互動。 Mozilla 跟 Google 已經開始在各自的瀏覽器裡放入 WebVR 技術作為實驗,並支援了 Google Cardboard、Oculus Rift、HTC Vive 等設備。

利用 Mozilla 推出的 A-Frame 就能快速上手製作 VR 內容,新奇簡單又好玩!在這個工作坊裡您將可以了解 WebVR 的原理,動手實際利用 A-Frame 建立 VR 環景照片檢視工具、VR 網站、VR 小遊戲。

參加者需備

  • Knowledge of HTML, Javascript
  • Bring your laptop and install Firefox release on it.
  • Bring your smart phone (must have gyro sensor) and Safari/Chrome/Firefox installed
  • Bring your Google Cardboard (v1 or v2)

課程概要

  • Introduction to A-Frame
  • Implementation & Demo
    • Decorate your own partial Panorama & full Panorama with 3D elements
      • Basic elements of A-Frame
      • How to take panorama image via iPhone or Android
      • Show panorama image in VR environment (a image ring surround you)
      • How to take 360 camera image via iPhone or Android
      • Show 360 camera image in VR environment
    • VR website
      • Handle events
      • Simple animations
      • Map DOM to 3D planes
      • Construct a content surrounding scene
    • FPS VR game: MazeVR https://github.com/daoshengmu/aframe-lesson
      • 3D Graphics and Mathematics in VR
      • Game design
      • Camera and Movement control
      • Audio
      • Collision detection

關於講者

Daosheng Mu 穆道聖

Firefox 開發者。接觸VR之後,就充滿衝勁在VR裝置上持續開發新的應用,在Mozilla內部與WebVR team合作,協助WebVR API與WebVR應用的開發。

Gasolin 林育民

Firefox OS & Firefox 開發者,對 Web 與行動裝置開發深感興趣,嘗試協助初學者用更簡單的方式學習程式設計。

Yifan Liao 廖一帆

Front end developer. Firefox OS TV 開發者,目前在學習貢獻 Firefox desktop

摩茲工寮 (Mozilla Community Space Taipei) / 台北市中正區八德路一段 94 號 3F

活動票券

票種 販售時間 售價
一般票 2016/05/19 12:34(+0800) ~ 2016/05/28 17:00(+0800) 結束販售
  • 免費
下一步