述文老師學習網

在 Webduino Blockly 網頁互動方式中的「Youtube」，可以讓我們輕鬆地將這些 IoT 物聯網的元件與影片結合做互動，不僅可以發揮 Webduino 原生網頁技術的優勢，更能利用 Youtube 影片帶動氣氛！不論是跨年倒數、生日派對、勁歌熱舞，都可以一起來玩玩看喔！

※ Webduino 官方網站：https://webduino.io/
※ Webduino 的Arduino 模擬器網址：https://simulator.webduino.io/
註：目前線上模擬器已經能在 Windows / MAC 電腦與平板上使用囉！


※ 用 LED 點矩陣倒數計時 + Youtube 網頁互動播影片，一起來跨年倒數、跳妖怪手錶做運動 Demo  網址 ：

馬克1號版：https://simulator.webduino.io/#-LhoueqEQUikFouQRZvYSmart 開發板：https://simulator.webduino.io/#-Lhov9l7ao-A8dJOgWA8
一、模擬器「硬體」連接與硬體積木程式：LED 點矩陣、蜂鳴器LED 點矩陣，腳位為：VCC：5V、GND：GND、DIN：14、CS：12、CLK：13蜂鳴器，腳位為：05，另一個腳位接到 GND


二、載入 Youtube 影片，並暫停播放 目前 Webduino 支援單一影片或是播放清單，但是程式預設載入後就會開始播放影片，所以先設定影片的狀態為「暫停」。



※ Webduino 使用 Youtube 影片網址注意事項：

支援：瀏覽器「網址列」的標準網址，如 https://www.youtube.com/watch?v=VyKLQXOj0ts不支援：「短址」，如 https://youtu.be/3g5Stkt-w70！



三、使用 for 迴圈開始倒數計時，將數字顯示在 LED 點矩陣上，並播放「嗶」一聲 for 迴圈是寫程式執行重複動作時，常會用到的語法，對於未來數字範圍的調整也都相當方便！




四、前往影片特定時間位置，開始播放 Youtube 影片 Webduino 雖然不支援直接在 Youtube 網址上加入指定時間的語法，但是有提供「設定影片前往第？秒」的程式積木，這樣就能讓影片播放時，直接從最適合的時間點開始播放，不需要從頭重新播放！





五、「一起來跳妖怪手錶做運動」…

Sweet Home 3D 專案檔儲存時，會將所有相關的 3D 模型、材質…等，通通儲存在 *.sh3d 裏面，如果想要將專案檔中的 3D 模型拿到另一個專案中使用，真的不要懷疑，只要同時將這兩個專案檔開啟 (Sweet Home 3D 可以一次開啟多個應用程，只要你的電腦跑得動就可以！)

選取 3D 模型後，選按右鍵 / 複製或是 Ctrl + C，再切換至另一個專案檔貼上，或是 Ctrl + V 就可以，就是這麼簡單！



如果工具列上的圖示是灰色的，也可以試著在 2D 視圖空白區域，按右鍵 / 貼上。





※ Sweet Home 3D 官方網站資料與可攜式版本下載： Sweet Home 3D 中文官方網站：http://www.sweethome3d.com/zh-tw/Sweet Home 3D 官方可攜式版本(233.1MB，內含 Windows、MAC、Linux )：
http://sourceforge.net/projects/sweethome3d/files/SweetHome3D/SweetHome3D-5.7/SweetHome3D-5.7-portable.7z/downloadSweet Home 3D 可攜式加強版(941MB，內含 Plug-in 擴充工具與更多 3D 模型)：
https://docs.google.com/file/d/0Bw_XYRnXpsKGcktRUm0wWnNvWEU/preview
※ 延伸閱讀：Sweet Home 3D 最 Easy 開講：傢俱目錄查看方式與如何使用關鍵字找到 3D 模型，並得知它所在的目錄？Sweet Home 3D 最 Easy 開講：Sweet Home 3D 軟體為何無法開啟？一定要重新開機嗎？述文老師 Sweet Home 3D 教學總整理 Google 協作平台推出囉！Sweet Home 3D 最 Easy 開講：如何讓房間 (地板) 紋理不要產生重複貼圖，而是使用完整的一張貼圖大小？Sweet Home 3D 最 Easy 開講：如何判斷牆體繪製方向與指定左右側材質？Sweet Home 3D 最 Easy 開講：如何設定3D視圖的地面、天空材質，與牆體透明度？Sweet Home 3D 最 Easy 開講：如何將傢俱目錄看方式改為方便的搜索列表？Sweet Home 3D…

Google Earth Studio 除了可以在線上完成地圖動畫外，也可以輸出具有 3D 追蹤點的檔案格式給 After Effect 或是其他相關軟體繼續進行影片後製或是結合其他 3D 物件模型上使用！

※ Google Earth Studio 官方網站「3D Camera Export 」教學https://earth.google.com/studio/docs/advanced-features/3d-camera-export/


一、設定 Track Point 追蹤點 在 Google Earth Studio 想要追蹤的位置上，按滑鼠右鍵 / Set Track Point，就會加入一個追蹤點，在彈出的 Track Points 面板上可以看到追蹤點的資訊，平面圖上也會顯示該位置的圖示。




您可以繼續依相同方式增加其他的追蹤點。如果不小心把 Track Points 面板關閉了，可以從 View / Track Points 重新開啟。




二、輸出包含 Track Point 追蹤點資訊的壓縮檔案 請在 Google Earth Studio 輸出影片的步驟選按「Advanced」，在「3D Tracking Data」選擇「After Effect (.jsx)」，完成後就可以按下「Start」開始輸出囉！




如果您已經輸出過不包含 Track Point 追蹤點的壓縮檔案，也確定 Camera 的路徑都未曾改變過，可以不用重新輸出壓縮檔案，只要選按 File / Export / 3D Tracking Data 輸出追蹤點資訊的檔案就可以了！



三、在 After Effect 執行 3D Tracking Data (*.jsx) 檔案 解壓縮下載檔案後，在資料夾中除了原本的 Google Earth Studio 專案檔與 Footage 資料夾外，會增加一個 After Effect Script 的程式檔案，副檔名為 *.jsx




依下列方式在 After Effect 執行 File / Scripts / Run Script File



它將自動建立一個 Composition 合成，並將 Google 地圖連續圖檔自動置入，且 Google Earth Studio 上設定的每一個 Track Point 追蹤點，也自動轉換為一個 3…

以往我們要製作電影電視上看到的地球到太空，或是在地球上不同地點移動的動畫影片，主要透過像是 Adobe  After Effect 這類專業影片特效製作軟體，或是在 Google 地球軟體中完成，再匯出成視訊影片！

在 2019 年 Google 推出 Google Earth Studio 線上服務，讓大家可以更簡單地在雲端就能製作這種類型的動畫影片！



※ Google Earth Studio 官方網站：https://www.google.com/earth/studio/
一、申請試用帳號 目前 Google Earth Studio 還在測試階段，因此，按下「Try Earth Studio」登入你的 Google 帳號，請先填寫以下表單資料，每個欄位都必須填寫喔！




待審核通過後，就會收到如下圖的 Google Earth Studio 通知信件，這個時間大約從幾個小時到幾天的時間就可以使用囉！





二、使用 Quick Start 快速啟動製作動畫
進入 Google Earth Studio 後，有兩種製作專案的方式：Blank Projce 空白專案、Quick Start 快速啟動，如果以前不曾使用過 Google 地球或是 Google Earth 線上版，可以先 Quick Start 快速啟動開始，透過逐步的選擇，就能快速完成動畫。



Google Earth Studio 提供五種不同的地球動畫類型，只要將滑鼠移到縮圖上，就能看見此類型的動畫示範。以下我們就以 Zoom-To 類型製作動太空到地球的動畫。




1.輸入目的地名稱或地址



a.在上方顯示出目標地圖後：












選按滑鼠左鍵不放：平移地圖滑鼠右鍵不放：ZoomIn/Out滑鼠滾輪按下不放：調整傾斜角度
b.選按 View / Map Style 設定地圖上顯示的資訊




2.設定動畫開始的高度