線上活動科技設計

【虛擬實境】WebVR 3D互動網頁入門 - 8月線上直播班

831
6
2021.07.31 (Sat) 10:00 - 09.04 (Sat) 12:00 (GMT+8)加入行事曆

此活動為線上活動,購票後可於票券頁進入直播連結

線上活動

此為線上活動,不受地點限制,輕鬆享受活動樂趣!

這門課將帶大家認識 WebVR 的創作工具 - A-Frame 網頁框架,學習如何從無到有搭建 3D 網頁,包含 3D模型建立、材質使用、360°圖片與影片的載入等,讓你可以透過手機以 VR 模式觀看你的 3D 網頁,並帶大家完成「VR 美術館」及「VR MV」兩個專題網頁!
這門課將帶大家認識 WebVR 的創作工具 - A-Frame 網頁框架,學習如何從無到有搭建 3D 網頁,包含 3D模型建立、材質使用、360°圖片與影片的載入等,讓你可以透過手機以 VR 模式觀看你的 3D 網頁,並帶大家完成「VR 美術館」及「VR MV」兩個專題網頁!

線上活動

此為線上活動,不受地點限制,輕鬆享受活動樂趣!

活動簡介

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,並測試所在地的網路環境是否能流暢使用。
        avatar

        BLND Academy

        【虛擬實境】WebVR 3D互動網頁入門 - 8月線上直播班

        2021.07.31 (Sat) 10:00 - 09.04 (Sat) 12:00 (GMT+8)

        活動嘉賓

        駱若瑀
        駱若瑀
        loading