Online EventScience & TechDesign

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

844
6
2021.07.31 (Sat) 10:00 - 09.04 (Sat) 12:00 (GMT+8)Add To Calendar

【Online Event】After purchase completed, you can enter the live stream from the ticket page.

Online Event

This is an online event, free from geographical limitations—enjoy the fun easily from anywhere!

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

Online Event

This is an online event, free from geographical limitations—enjoy the fun easily from anywhere!

Event Introduction

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)

        Guests

        駱若瑀
        駱若瑀
        loading