跳到主要內容

從安裝到使用 Scratch 寫程式控制 Tello


前一篇提到在手機上可以運用 DroneBlocks App，以堆疊積木的方式寫出程式控制 Tello。現在我們把設備換成有 WiFi 的電腦，同樣在電腦上面堆疊出控制 Tello 的積木，用的軟體是 Scratch。

Scratch其實是一個電腦程式的開發平台，它的開發者期望透過這個平台，讓使用者在愉快的環境下透過實際操作（如設計互動故事）去學習程式設計、數學和計算知識。最近大家不斷在談的STEM（Science科學, Technology技術, Engineering工程, Mathematics數學）或STREAM（同STEM，多加一個 Art 藝術）教育，很多也都是利用Scratch來完成的。

在Tello的官網上，Scratch也是官方有文件支持的開發平台。雖然上面只有幾行字，很簡略的告訴你要怎麼樣安裝。不過真的就只要那幾行，就可以用 Scratch 開始控制 Tello。現在就用我的寫法，告訴你要怎麼樣開始吧！


我們先從「官方」的東西開始，大家會比較放心。進到Ryze Technology的Tello產品，點選下載。左方的「文檔與手冊」中會有「Scratch README」，把它點開來看，裡面的內容大致是這個樣子。
  1. 安裝 Scratch 2.0 離線編輯器 （https://scratch.mit.edu/download）
  2. 下載並安裝 node.js （https://nodejs.org/）
  3. 下載 Tello.js 和 Tello.s2e 兩個檔案（https://dl-cdn.ryzerobotics.com/downloads/tello/20180222/Scratch.zip） ，解開檔案進入資料夾，鍵入 node Tello.js
  4. 打開 Scratch 2.0，按住「Shift」鍵，點選「檔案」選單，「匯入實驗性 HTTP 擴充功能」，選擇資料夾中的 Tello.s2e 檔案。
  5. Tello 的控制介面會出現在 Scratch 的「更多積木」當中。
官方文件寫的很精簡，真的有點太過精簡，下面就用我們的方式來介紹。


Step 1. 安裝 Scratch 2.0 離線編輯器


點選文件中的下載 連結（https://scratch.mit.edu/download），進入 Scratch 2.0 的下載畫面。你會發現，如果跟我一樣是 Mac 的使用者，還得先安裝 Adobe AIR 才能開始用。所以，也只好點選畫面中 Adobe AIR 的連結，先把它給裝好。


Adobe AIR 的安裝過程很簡單，而且都寫中文，照著做就可以了。裝好後要記得回到 Scratch 的下載畫面，在步驟2 「Scratch 離線編輯器」點選「下載」。


下載回來的檔案是個 dmg 檔，打開後裡面只有一個「Install Scratch 2」，雙擊打開安裝程式。

原則上也是照著引導去做而已，沒有什麼難度。裝好後就可以打開 Scratch 離線編輯器囉，感覺跟 DroneBlocks 很像吧！



Step 2. 下載並安裝 Node.js

第二個步驟是下載 Node.js，這個網頁好像沒有做中文的，大家練練英文能力吧！


打開 https://nodejs.org/ 網站後，理論上會跳出你系統相對應的 Node.js 版本。macOS (x64) 目前有兩個版本可以選擇，隨便選一個你喜歡的就可以。


下載回來的是 pkg 的安裝包，點開來照著步驟裝就可以。預設的安裝包應該會安裝 Node.js 和npm 兩個東西，有興趣的再深入去查資料，要不然把它裝好就行了。


Step 3. 下載 Tello.js 和 Tello.s2e

第三個步驟，要從 Ryze Technology 的網站上下載 Tello.js 和 Tello.s2e 兩個檔案（https://dl-cdn.ryzerobotics.com/downloads/tello/20180222/Scratch.zip），下載回來記得把壓縮檔給解開。Tello.js 要用 Node.js 執行，跑在背景和你的 Tello 連線溝通用的。Tello.s2e 則是定義 Scratch 中控制 Tello 的自訂積木。


我們在這個步驟先處理 Tello.js，進到 Scratch 後再處理另一個檔案。在 Mac 的環境底下，進入應用程式找出「終端機」，或英文的「Terminal」。在裡面鍵入 node ，加一個空格，然後把 Tello.js 那個檔案拖進去，最後按下 Enter。

跳出「Tello Scratch Ext running at http://127.0.0.1:8001/」，恭喜你已經成功了！


Step 4. 打開 Scratch 載入 Tello.s2e

現在要來處理 Scratch 自訂積木的檔案，也就是 Tello.s2e。開始使用前我們先把這個 Tello.s2e 改成繁體中文的 TelloCht.s2e。

隨便用一個文字編輯器打開 Tello.s2e，你會發現內容是這個樣子的：


我們把內容改成繁體中文後，會變成這個樣子，把它存成 TelloCht.s2e。


接下來打開 Scratch ，按住 Shift 鍵不放，點選「檔案」選單。要是沒按著 Shift，檔案選單裡面不會出現「匯入實驗性 HTTP 擴充功能」的選單。


選擇「匯入實驗性 HTTP 擴充功能」選單，點選剛剛弄好的 TelloCht.s2e 檔案，回到 Scratch 中選擇「更多積木」，就可以看到「起飛」、「降落」等控制 Tello 的積木了。


Step 5. 執行 Tello 任務

最後這個部分涉及的是 Scratch 的使用方式，這邊只講最簡單的。Scratch需要使用「事件」來驅動，動作一定是從點擊綠旗開始。也就是說，你的程式得先從事件的積木中，把那個「當(綠旗)被點擊」的積木拖出來，再開始接其他的積木。

最簡單的飛行任務就是「起飛」和「降落」，我們就把「起飛」和「降落」兩個積木從「更多積木」中拖出來，接到綠旗那個積木下面。不過要是「起飛」和「降落」兩個命令下得太靠近，起飛的動作還沒完成的話，Tello會直接忽視「降落」這個指令，所以在中間我們塞入另一個「等待10秒」的積木。


最後，確認電腦的 WiFi 連上 Tello ，就可以按下綠旗開始試驗起飛降落是否成功了！


當你熟練一點 Scratch 的使用方式，就可以設計一個用鍵盤導控 Tello 的小程式了。像我自己做的這個，還順帶連動畫的視窗一起做了呢！

不單是鍵盤導控而已，你也可以用 Scratch 來挑戰 DroneBlocks 的任務喔！

標籤：

留言

張貼留言

熱門文章

窺探洋蔥的秘密：顯微鏡下的洋蔥鱗葉表皮與細胞 Onion Bulb Leaf under a microscope

在這段嘗試使用顯微鏡來拍攝的期間，「洋蔥表皮」可以說是最容易製作的玻片標本，沒有之一。只要剝開來，攤平，滴上水，蓋上玻片，基本就完事了。怪不得學校的生物課本，都會拿洋蔥表皮來設計實驗。但是想要看到鱗葉的橫切面，那就得要練練刀功，並試試你的運氣了。 洋蔥表皮是比較容易處理的樣本，這次拍攝我們就從撕皮開始。只要不是最外面那層乾掉的表皮，用哪一層都無所謂。我也沒有拿整顆洋蔥，就拿做菜切下來的地方。這樣的大小對於顯微鏡觀察來講，已經相當足夠了。 洋蔥皮剝下來後，放在滴了水的玻片上，再滴一滴水，蓋上蓋玻片。這樣一來，觀察用的玻片標本就完成了。接著放上顯微鏡的載物台，調整鏡頭到適當的高度（大約一公分），然後調整標片標本位置，調整光源，最後再進行細微的對焦，就可以開始你的觀察了！ 洋蔥表皮細胞 40x 先用顯微鏡的低倍鏡來看。這架顯微鏡最低的放大倍率是40倍，可以看出洋蔥表皮的排列狀況，而且也很清楚看到表皮有深淺不一的顏色。 洋蔥表皮細胞 100x 放大到100倍，可以看到細胞裡面還有東西。透明一點的細胞會比較清楚，可以看到細胞核。有的除了細胞核外，好像還有其他的東西。 洋蔥表皮細胞 600x 繼續放大到600倍，細胞核變得更明顯了。除此之外，可以看到細胞邊緣有兩層構成。生物課本裡面介紹過，外層的是細胞壁，內層的是細胞膜。然而，在有顏色的細胞中，細胞核就沒有那麼明顯。 洋蔥鱗葉剖面 40x 看過洋蔥表皮，現在把洋蔥的鱗葉做剖面，看看裡面的細胞構成。切了很多片，終於有一片切的比較成功，可以看到上面一層薄薄的紫色表皮。這層紫色表皮就是剛剛看了很久的洋蔥表皮。中間還有帶點綠色的部位，這應該是維管束。 洋蔥鱗葉剖面 600x 直接放大到600倍，可以明顯看出紫色的表皮細胞比較扁平，底下構成洋蔥肉的透明細胞則比較大顆。問題是紫色的花青素好像只集中在表皮而已，底下那些通通沒有。但畫面的右下角，也就是靠近維管束的周邊有綠綠的，移過去看看。 洋蔥鱗葉剖面 600x 靠近維管束 在細胞內可以看到一顆顆綠綠的小球，不知道這些是不是葉綠體，或者只是有綠色色素的有色體。仔細再想想，剝開洋蔥後確實有一條條綠色的紋路，這些綠綠的小球應該就是那些紋路出現的地方。 我能看懂的部分只有這個樣子！如果有哪些高手看到，還請多多指教。
張貼留言
閱讀完整內容

差不多食譜：手工巧克力餅乾 Chocolate Cookies

又是手工餅乾，最近一連出了兩份餅乾食譜，這個「手工巧克力餅乾」已經是第三份了。會不會有更多呢？我可以告訴大家，這是肯定的。 要怪就怪這個陰鬱的冬季雨天，哪裡都不方便去，也懶得出去。餅乾櫃空在那邊已經很久了，雖然有時候會嘴饞，但也沒有迫切去補貨的必要。反正經常開伙，平常該有的材料都會有，自己弄個成分完全透明的零食，也是個不錯的選擇。再說，用烤箱進行烘焙時，房間會變得比較乾燥，也比較溫暖。在夏天是個折磨，但到了冬天，這種感覺還滿不錯的。 話不多說，開始進行這一道「手工巧克力餅乾」的準備工作。
張貼留言
閱讀完整內容

觀音媽.com

期末快到了，大家都深陷於考試與報告的水深火熱之中！我卻突然想起電影《小孩不笨》裡頭的「觀音媽.com」片段。在這個網路化的年代，不僅是資訊要網路化，連神明的符咒都可以網路化。即使遠在太平洋對岸，只要透過網路把符咒印出來，一樣可以「即時」地受到保佑。 請觀音娘娘保庇 觀音娘娘指點 我有一個兒子他在美國念大學 明天就要考試 請觀音娘娘幫幫忙 讓他的考試能順順利利 好 觀音娘娘說 這三張符拿去燒 燒了喝就可以了 等一下你去號面拿一些碎花瓣回家沖涼 給他喝 他現在在美國 怎麼給他喝 要郵寄也來不及了 不用緊張不用緊張 現在很先進了 你知道什麼叫做電腦嗎 電腦 你叫你的兒子去這個網頁 www.guanyinma.com（觀音媽.com） 叫他把在裡面的第三張符 和第八張符印出來 燒了沖水喝就可以了 可以回了 電影《小孩不笨》的「觀音媽.com」這個片段，可能要讓臨時抱佛腳的成語重新定義，或者說，是將神明的神聖性重新看待。在這點上，我覺得沒什麼特定宗教概念的中國人特別能夠接受這點。比起「上帝」這個全知全能的存在，中國「舉頭三尺有神明」的說法顯然要親切的多，因為神明與世人同在。用「觀音媽.com」的例子來看，神明還會用電腦給指示，寺廟或神壇化身為網頁，可以透過網頁中的符咒點選來傳遞神諭。似乎這個「神」就和「人」一樣，活在同一個維度當中。 可惜剛剛查了一下，「www.guanyingma.com」已經被註冊了，連中文的「觀音媽.com」也都沒了，要不然我還真想花些小錢把那個網域名稱買下來，真的去開個「神壇」！搞不好還能去當個「神棍」廟公！ 不過威寶電信已經搶先一步用了這個概念，推出「拜媽祖專線」，只要撥打電話，在全世界任何角落都可以向媽祖拜拜。可是和電影《小孩不笨》中的片段比較起來，整體的感覺差很多。看來，還是需要一個專業生動的「廟公」，才能讓神明鮮活起來！
張貼留言
閱讀完整內容