WebVR 是什麼?
近年因為 5G 網路發展與 COVID-19 疫情,許多實體活動如展覽、活動、演唱會開始將內容往線上移動,使得網頁瀏覽器上的 3D 與 VR 技術越來越受到重視,而WebVR (網頁版虛擬實境) 即是其中重要的技術之一,WebVR 是一項實驗性的 JavaScript API,可以透過網頁瀏覽器就能觀看虛擬實境般的沉浸式數位內容,由於網頁在傳遞內容上相當便利且快速的關係,大大的降低我們取得與觀賞 VR 沉浸內容的門檻。

課程簡介
這門課將帶大家認識 WebVR 的創作工具 - A-Frame 網頁框架,學習如何從無到有搭建 3D 網頁,包含 3D模型建立、材質使用、360°圖片與影片的載入等,讓你可以透過手機以 VR 模式觀看你的 3D 網頁,並帶大家完成「VR 美術館」及「VR MV」兩個專題網頁!
在「VR 美術館」專題中,會學習如何建造一個美術館空間,添加展品圖片與文字,透過攝影機移動與物件點擊互動,讓你在家也可以暢遊美術館,而「VR MV」專題,則會教你如何載入自己的音樂素材,並做音訊分析來影響網頁中 3D 物件的動態,打造沉浸式音樂體驗。
學員在課程結束後,可以掌握 A-Frame 基本操作與使用技巧,進一步結合互動與影音內容,完成自己的 3D 互動網頁作品。
體驗 A-Frame 作品:https://aframe.io/showcase/
VR 美術館
VR MV
這門課,你將可以學到
- 認識WebVR:了解WebVR架構與技術概念。
- A-Frame理解與使用:基本操作與邏輯運用。
- 3D網頁環境建置:於網頁搭建3D模型、燈光與材質。
- 進階網頁應用:VR場景、音樂分析、物件互動等運用。
- 3D網頁開發能力:結合個人創意,獨立完成3D互動網頁。
適合對象
- VR初學者:想學習VR內容卻不知如何開始。
- 網頁設計師:想加入VR與3D內容於網頁中。
- 互動設計師:想精進作品的創意與互動性。
- 程式設計師:想嘗試VR與藝術等新領域。
- 所有創作者:想了解科技藝術與VR領域。
課程大綱
第一個 3D 網頁
第1堂 - 第一個 3D 網頁 - 基礎篇
- WebVR 案例分享
- 網頁基礎與編輯器介紹
- A-Frame 基本操作
- 載入 360° 環景圖片與影片
第2堂 - 第一個 3D 網頁 - 進階篇
- 建立 3D 物件與載入模型
- 材質基礎與使用
- 動畫練習
- 在手機上以 VR 模式觀看 3D 網頁
VR 美術館
第3堂 - VR 美術館 - 基礎篇
- 建構美術館空間
- 加入圖片、文字
- 光線效果製作
第4堂 - VR 美術館 - 進階篇
- 攝影機(camera)與射線(raycaster)練習
- 點擊觸發物件互動
VR MV
第5堂 - VR MV - 基礎篇
- 載入音樂素材
- 動態物件生成
- 攝影機運行
第6堂 - VR MV - 進階篇
- 音訊分析套件使用
- 音訊分析結果與物件動態綁定
講師介紹

駱若瑀
創意工程師,致力於人機互動、程式教育與創作。專業領域為人機互動介面(Human Computer Interaction),研究論文曾發表於日本、德國、英國等人機互動國際頂尖會議(CHI、UIST)。參與作品包括松山文創園區無重力星空- Lab 實驗啟動計劃×奧夫塞計劃、法國坎城 MIDEM 國際唱片展、日本瀨戶內 Vocal Asia Festival、國家兩廳院不只是劇場。主講多次教育推廣活動,曾於國防大學、清大音樂所擔任機器學習與 MaxMSP 程式設計講師。
課程資訊
|上課方式|
課程採線上直播方式上課。
使用直播軟體 Zoom 上課,軟體下載連結:https://bit.ly/3tK9QYI。
|課程日期|
7/31、8/7、8/14、8/21、8/28、9/4
每周六 早上10:00-12:00 ( 每堂 2 小時 ,共 6 堂,總計 12 小時 )
|課程費用|
超級早鳥票:NT$ 6,720 / 1人(7/19 前報名)
兩人同行票:NT$ 6,400 / 1人
早鳥優惠票:NT$ 7,560 / 1人(7/19 ~ 7/26 開放)
一般票:NT$ 8,400 / 1人(7/26 ~ 7/31 開放)
線上直播課程須知
- 學員上課需準備耳麥、智慧型手機、筆記型電腦(含Webcam),Windows或Mac系統皆可。
- 課程使用直播軟體 Zoom 上課,軟體下載連結:https://bit.ly/3tK9QYI。
- 請學員務必先測試所在地的網路環境,確認是否可流暢使用直播軟體。
- 直播邀請連結將於開課前一周內寄發至學員Email信箱,請學員多加留意信箱。
- 課程內容、日期及講師可能因故有所修改,主辦單位保留異動之權利。
- 本直播課程為小班制,上課人數以 20 人為限。
- 若報名學員人數不足,將視情況取消當次課程,並全額退還報名費用。
- 如需申請退款請於活動開始日前 8 日辦理,並將酌收票價 10% 退票手續費,逾期恕不受理。
常見 Q & A
- Q、線上直播課程內容是否為預錄影片?
課程由老師直接 Live 教學,學員可在線上與老師互動及提問。 - Q、如遇到無法配合直播上課時段,是否有課程錄影可以進行補課?
每周上課都會有課程錄影,到完整課程結束後一個月內都可以重複觀看。 - Q、上直播課程之前我需要先準備什麼?
硬體:耳麥、桌上型或筆記型電腦(含Webcam)。
軟體:需下載安裝直播軟體Zoom,並測試所在地的網路環境是否能流暢使用。


