文章

目前顯示的是 六月, 2019的文章

Webduino Blockly 「積木方城市」:雲端部署功能正式上線,全自動運行 Webduino 更方便!

圖片
以往在 Webduino 教學上,都會比較強調在「互動性」的應用,因為要像 Arudino 那樣自動運行 Webduino Blockly,必須在自己的電腦上撰寫 Node.js,或是尋找有支援 Node.js 的主機來完成,對於這個部份比較不熟悉的人就不容易達成這樣的目的!

現在 Webduino 官方在雲端平台上正式推出「雲端部署」功能,只要免費註冊帳號,就可以擁有一個雲端部署的專案,目前雖然只能部署六小時,但是這個對於短時間的監測其實是很有幫助的!當然,希望未來能有更長的執行時間,這樣要達到「全自動運行」的目標就更近了!

※ Webduion 雲端平台:https://cloud.webduino.io





Webduino 官方「雲端部署」宣傳影片:https://www.youtube.com/watch?v=YCpSkXqHTyk



當 Blockly 專案內容撰寫完成,就可以依下面的步驟進行「雲端部署」囉!





若 Blockly 程式執行有問題時,則會出現這樣的訊息!


最近因為 3D 印表機剛送修回來,正好可以使用雲端部署功能來做列印時的溫度與溼度監測!配合 Google 試算表寫入的功能,就能取得即時監測資料,並自動產生圖表,真的很方便!




萬一網路斷線,或是電源斷電後重新接上,那雲端部署的程式是否會繼續執行呢?
答案:是的,雲端部署會等待開發板重新上線後繼續執行,完全不用擔心喔!

另外,值得一提的是,最近 Webduino 的 Smart 韌體更新 3.2.5:支援 3 組 WiFi 設定,這個對於設備的連線穩定與教學上也是非常方便的,因為以前只能支援 1 組 WiFi,萬一設備更換或是網路不通時,就需要再進入開發板中重新設定,會浪費不少時間。有了這樣的功能後,開發板就可以依據這 3 組 WiFi 設定自動切換。


進入 Smart 開發板 192.168.4.1 設定頁面,就會看到新的韌體版本,共有以下有三個分頁資訊: 開發板資訊三組 WIFI 設定Webduino 目前連線資訊




Smart 開發板認證與韌體更新的方式,可以參考官方網站的教學:

Webduino模擬器「瘋」神榜:用蜂鳴器搞創意,模擬門鈴、救護車、校園鐘聲!

圖片
雖然蜂鳴器看起來很單薄,只能發出單音又不能調整音量,似乎只能簡單播放幾個回饋用的音符或是 Blockly 內建的幾首音樂!
其實,生活中真的有很多物品都會用到蜂鳴器,像大家熟悉的門鈴聲、救護車、下課鐘聲,都可以用蜂鳴器來完成喔!而且 Webduino 模擬器不用擔心音量大小的問題,它可以透過電腦的喇叭來調整大小聲,絕對可以很有身歷其境的感覺!

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

※用蜂鳴器搞創意,模擬門鈴、救護車、校園鐘聲!Demo  網址 : Smart 開發板:https://simulator.webduino.io/?demo=demo-area-09#-M1urMLs9cyvRVMF1g17


一、模擬器「硬體」連接:蜂鳴器 蜂鳴器,腳位為:05,另一個腳位接到 GND






二、模擬門鈴聲 E6,C6

三、模擬救護車聲音 不知道大家平常聽到的救護車聲音是哪一種,這邊模擬了三種不同的版本,給大家參考看看喔!



四、模擬校園鐘聲 這裏特別用到「無聲」的音符,這樣可以讓音樂演奏時有更長的停止時間。
※ 常識題:校園鐘聲的由來 - 教育廣播電台 - 小小宇宙探險號 (從 06:00 ~ 13:30)










※ 使用模擬器與真實蜂鳴器「在音符長度」有個地方要特別注意一下:
在模擬器中可以使用「節奏」為「1」的全音符,但是真實蜂鳴器多數情形下,可能只能使用「節奏」為「2」的二分音符!

五、「用蜂鳴器搞創意,模擬門鈴、救護車、校園鐘聲!」模擬器實測:
請記得將「網頁互動測試」改為「遙控器」,一起開始聽聽看囉!





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

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.設定動畫開始的高度