WebVR 是什麼？
近年因為5G網路發展與COVID-19疫情，許多實體活動如展覽、活動、演唱會開始將內容往線上移動，使得網頁瀏覽器上的3D與VR技術越來越受到重視，而WebVR (網頁版虛擬實境) 即是其中重要的技術之一，WebVR是一項實驗性的JavaScript API，可以透過網頁瀏覽器就能觀看虛擬實境般的沉浸式數位內容，由於網頁在傳遞內容上相當便利且快速的關係，大大的降低我們取得與觀賞VR沉浸內容的門檻。
課程簡介
課程將帶大家認識 WebVR 的創作工具 - A-Frame 網頁框架，學習如何從無到有在網頁中建構自己的3D環境，包含3D模型搭建、燈光與材質使用、360°圖片與影片的載入、加入移動、視角切換等簡易互動操作，最後將帶學員實作一款VR音樂遊戲，包含音樂的使用與進階的動畫應用，學員在課程結束後，可以掌握 A-Frame 基本操作與使用技巧，進一步結合互動與影音內容，完成自己的3D互動網頁作品。
體驗 A-Frame 作品：https://aframe.io/showcase/
這門課，你將可以學到
- 認識WebVR：了解WebVR架構與技術概念。
- A-Frame理解與使用：基本操作與邏輯運用。
- 3D網頁環境建置：於網頁搭建3D模型、燈光與材質。
- 進階網頁應用：VR場景、音樂播放、進階動畫等運用。
- 3D網頁開發能力：結合個人創意，獨立完成3D互動網頁。
適合對象
- VR初學者：想學習VR內容卻不知如何開始。
- 網頁設計師：想加入VR與3D內容於網頁中。
- 互動設計師：想精進作品的創意與互動性。
- 程式設計師：想嘗試VR與藝術等新領域。
- 所有創作者：想了解科技藝術與VR領域。
課程大綱
Day 1
第1堂 -認識網頁虛擬實境 - WebVR
- WebVR案例分享
- A-Frame 基本介紹
- Glitch 編輯平台認識與操作
第2堂 - 基本3D環境與模型
- 建立3D模型與載入模型
- 材質使用
- 光源使用
第3堂 - 360°環境建置
- 載入360°圖片與影片
- 場景中的移動
- 立即觀看3D網頁成果
Day 2
第4堂 - 網頁音樂互動
- 載入音樂素材
- 設定音樂物件
- 與音樂物件互動
第5堂 - 進階網頁動畫套件
- 粒子系統
- 動畫系統
第6堂 - 作品實作與發表
- 個人作品實作與導師指導
- 成果發表
講師介紹
駱若瑀
創意工程師，致力於人機互動、程式教育與創作。專業領域為人機互動介面（Human Computer Interaction），研究論文曾發表於日本、德國、英國等人機互動國際頂尖會議（CHI、UIST）。參與作品包括松山文創園區無重力星空-Lab實驗啟動計劃×奧夫塞計劃、法國坎城MIDEM 國際唱片展、日本瀨戶內Vocal Asia Festival、國家兩廳院不只是劇場。主講多次教育推廣活動，曾於國防大學、清大音樂所擔任機器學習與 Maxmsp 程式設計講師。
上課環境
課程資訊
｜上課方式｜
因應疫情升溫至三級警戒，改採線上直播方式上課。
課程使用直播軟體 Zoom 上課，軟體下載連結：https://bit.ly/3tK9QYI。
｜課程日期｜
05/22（六）、 05/29（六）
10:00-17:00 （ 6hrs / 天，共 12hrs ）
｜課程費用｜
早鳥優惠票：NT$ 7,560 / 1人（原 05/10 前報名，延長至 5/21）
兩人同行票：NT$ 6,400 / 1人一般票：NT$ 8,400 / 1人
線上直播課程須知
- 學員上課需準備耳麥、智慧型手機、筆記型電腦（含Webcam），Windows或Mac系統皆可。
- 課程使用直播軟體 Zoom 上課，軟體下載連結：https://bit.ly/3tK9QYI。
- 請學員務必先測試所在地的網路環境，確認是否可流暢使用直播軟體。
- 直播邀請連結將於開課前一周內寄發至學員Email信箱，請學員多加留意信箱。
- 課程內容、日期及講師可能因故有所修改，主辦單位保留異動之權利。
- 本直播課程為小班制，上課人數以 20 人為限。
- 若報名學員人數不足，將視情況取消當次課程，並全額退還報名費用。
常見 Q & A
- Q、線上直播課程內容是否為預錄影片？
課程由老師直接 Live 教學，學員可在線上與老師互動及提問。 - Q、上直播課程之前我需要先準備什麼？
硬體：耳麥、筆記型電腦（含Webcam）。
軟體：需下載安裝直播軟體Zoom，並測試所在地的網路環境是否能流暢使用。 - Q、若因網路環境或設備等因素無法參與直播課，可以申請退費嗎？
如需申請退款請於課程開始前 3 日辦理，本單位允全額退費，逾期恕不受理。
