發表文章

目前顯示的是 2019的文章

Webduino模擬器「瘋」神榜:用 LED 點矩陣倒數計時 + Youtube 網頁互動播影片,一起來跨年倒數、跳妖怪手錶做運動,炒熱氣氛吧!

圖片
在 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 最 Easy 開講:不同專案之間,如何複製 3D 模型檔案?

圖片
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 關心地球大小事:使用 Google Earth Studio 線上服務與 After Effect 整合,製作 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…

用 Google Earth 關心地球大小事:使用 Google Earth Studio 線上服務製作地球到太空動畫

圖片
以往我們要製作電影電視上看到的地球到太空,或是在地球上不同地點移動的動畫影片,主要透過像是 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.設定動畫開始的高度