跳到主要內容

控制Tello: 直接用 Node.js 就夠啦！


介紹完 Scratch 控制 Tello 的方式後，我又仔細看了官網提供的 Tello.js 檔案，其實不一定要 Scratch，直接拿 Tello.js 改寫成命令列，或直接做成本地端的網頁就可以了。不多說，下面就來介紹一下到底要怎麼做。


Step 1. 下載 Node.js

相信有看過前一篇怎麼用 Scratch 去飛 Tello 的朋友，都已經裝上 Node.js 了。還沒裝的，不妨看看上一篇文章（傳送門在此），先把 Node.js 裝起來。要不然，下面都不用玩了。



Step 2. UDP通訊

不管你用哪個程式語言去寫，在沒有駭進 Tello 裡的狀況下，與 Tello 的通訊走的就是 UDP （用戶資料報協定，User Datagram Protocol）。我不是唸通訊的，詳細到底是怎麼溝通的我搞不懂，反正得用這個協定來寫程式才會動。所以在 Node.js 裡面，就得先把會用到的dgram擴充功能拉進來，用udp4的方式打開網路插座（socket）。

const dgram = require('dgram');
const socket = dgram.createSocket('udp4');

從官方的SDK可以看到，Tello 的 IP 是 192.168.10.1，用的通訊埠（port）則是8889，這時候順道再把這兩項參數設為常數。

const HOST = '192.168.10.1';
const PORT = 8889;

再過來，需要透過網路插座把指令送到 Tello ，這時候你需要 send() 這個動作。

socket.send(commandStr, PORT, HOST);

上面我沒有寫到 commandStr 是個字串，可以送出去的指令都在 Tello 的 SDK 裡面，包括 command, takeoff, land, flip, battery?等等，自己查一下印象會比較深刻。

最後，我們還得知道 Tello 收到指令之後做了什麼回應，這時就需要靠 message 這個事件處理來做，並利用 console.log() 將結果顯示出來。

socket.on('message', (msg, info) => {
    console.log('Data received from Tello: ' + msg.toString());
});

這麼一來，和 Tello 最基本的溝通工作就完成囉！


Step 3. 加入命令列互動

要加入命令列的互動，我們還需要另一個擴充功能 readline ，並且創造一個處理輸出輸入的界面（interface）。

const readline = require('readline');
const rl = readline.createInterface(
    process.stdin,
    process.stdout
);

為了要讓輸入的介面跳出來，這邊要使用到 prompt()。可以設一個自訂的開頭，方便辨識這是 Tello 的命令列。

rl.setPrompt('Tello> ');
rl.prompt();

再過來，要利用 line 事件，也就是按下 Enter 鍵之後，把輸入的指令送給 Tello 。因為經常會不小心多按到空白鍵，所以我們會加個字串的 trim() 功能把多出來的空格給忽略掉。

rl.on('line', (input) => {
    var commandStr = input.trim();
    console.log(`Command: {$commandStr}`);
    socket.send(commandStr, PORT, HOST);
});

到這裡，用命令列和 Tello 進行互動的功能基本上已經完成。再過來，我們多做一個結束的指令，也就輸入 quit 之後，把網路插座給關上並結束命令列。不需要寫太多，把上面那段改寫一下就可以。

rl.on('line', (input) => {
    var commandStr = input.trim();
    if (commandStr === 'quit') {
        socket.close();
        rl.close();
    }
    else {
        console.log(`Command: ${commandStr}`);
        socket.send(commandStr, PORT, HOST);
    }
});


Step 4. 執行命令列互動

完整的程式碼寫在這邊，用文字編輯器把它存成 TelloCommandLine.js。

const dgram = require('dgram');
const socket = dgram.createSocket('udp4');

const HOST = '192.168.10.1';
const PORT = 8889;

const readline = require('readline');
const rl = readline.createInterface(
    process.stdin,
    process.stdout
);

rl.setPrompt('Tello> ');
rl.prompt();

socket.on('message', (msg, info) => {
    console.log('Data received from Tello: ' + msg.toString());
    rl.prompt();
});

rl.on('line', (input) => {
    var commandStr = input.trim();
    if (commandStr === 'quit') {
        socket.close();
        rl.close();
    }
    else {
        console.log(`Command: ${commandStr}`);
        socket.send(commandStr, PORT, HOST);
    }
});

然後在同一個目錄下，輸入 node TelloCommandLLine.js ，就可以用命令列來控制 Tello 囉！


標籤：

留言

張貼留言

熱門文章

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

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

差不多食譜：香煎南瓜片 Pan-fried Pumpkin

托爺爺的福，在萬聖節那碗「 南瓜盅飯 」後，我還有個老家的南瓜可以用。但要怎麼好好運用這顆南瓜，卻是個不小問題。差不多食譜曾經試過「 醋漬南瓜 」、「 牛奶南瓜 」，還有「 南瓜濃湯 」幾種運用新鮮南瓜的料理，難度雖然都不高，看起來卻都不像平時會出現在餐桌的家常菜。這次我們不妨搞得家常一點，用廚房裡都會有菜刀和煎鍋 （除非你家不開伙） ，來弄個超級家常的「香煎南瓜片」。
張貼留言
閱讀完整內容

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

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