【ドローン】TelloをScratchプログラミングで自動飛行させる全手順を解説【図解入り】

この記事では、こういった要望にお答えします。

人気トイドローンTelloは、ビジュアルプログラミングツール「Scratch(スクラッチ）」を使って自動飛行させることができます。

この記事では、TelloをScratchプログラミングで自動飛行させるやり方をまとめました。

本記事の手順どおりに進めることで、初めての方でもTelloの自動飛行を設定できるようになりますので、ぜひチャレンジしてみてください。

TelloをScratchで自動飛行させよう

TelloをScratchで自動飛行させるやり方を解説する前に、簡単にScratchを紹介します。

Scratchとは

Scratchは子どもやプログラミング初心者のために作られた「ビジュアルプログラミング」ツールの一つで、MITメディアラボによって開発されました。

公式サイト Scratch

ビジュアルプログラミングとは視覚的な表現で“キャラクターを動かす”等といったことができる言語です。

直感的に操作できる

Scratchは日本語で書かれた命令文を組み合わせるだけで、ゲームやアニメーション、インタラクティブな物語作品を作ることができます。

英語でコードを書かなくてもプログラミングを動かせます。

命令文が書かれたブロックを組み合わせるだけで動かせるので、低学年の子供でも手軽にプログラミングの仕組みを学べます。

Scratchでプログラミングすれば子供から大人までドローンの自動飛行を楽しめる

Scratchは可愛い絵柄や直感的な操作、日本語対応されたスクリプト、ドラッグ＆ドロップなどの簡単なマウス操作でプログラミングできますので、大人はもちろん、子供でもプログラミングによる自動飛行を楽しめます。

大人の趣味として楽しめることはもちろん、子供のプログラミング教材としても使えます。

TelloをScratchで動かす全体的な流れ

それでは、TelloをScratchでプログラミング飛行させる流れを解説していきます。

開発元に英語版のマニュアルが配布されています

Telloを開発したRyze Tech社のウェブサイトにScratchでプログラミング飛行をさせる手順を確認できます。

公式サイト TELLOダウンロード

「Scratch READEME」をクリックすると、手順が記載されたPDFファイルをダウンロードできます。

1. Visit https://scratch.mit.edu/download and follow the instructions to install the Scratch 2.0 Offline Editor.
2. Download and install node.js from https://nodejs.org/en/.
3. Download Tello.js and Tello.s2e from https://dl-cdn.ryzerobotics.com/downloads/tello/20180222/Scratch.zip, open the terminal, go to the file directory where you saved the previous files,and type “node Tello.js”
4. Open Scratch 2.0, hold the “Shift” key, click the “File” menu, click “Import Experimental HTTP Extension,” and select “Tello.s2e” file in the file directory.
5. The Tello interface will be shown in Scratch under “More Blocks.”

出典：Ryze Tech社ウェブサイト

マニュアルの内容を翻訳すると、下記のとおりです。

パソコンに詳しい方であれば、この手順書を見れば設定できると思いますが、そうでない方がこの手順書を見て設定するのはかなり難しいと感じます。

そこで、パソコンに詳しくない方でもScratchで動かすことができるよう、本記事では下記2つの設定方法を解説します。

TelloとScratchを接続する手順（Windows版）

それでは、TelloとScratchを接続する手順（Windows版）を解説します。

上記のとおり。

手順①：Scratch2.0をパソコンにインストールする

Scratchのソフトを使用するには、Scratch2.0をパソコンにインストールする必要があります。

まずはScratch2.0を配布している公式サイトにアクセスします。

以下のリンクをクリックすると、Scratch2.0のダウンロードページに移動します。

公式サイト Scratch 2.0 オフラインエディター

Scratchの配布ページに移動したら、Scratchオフラインエディタをダウンロードします。

ダウンロード終了後、ファイルを実行してパソコンにScratchをインストールします。

お使いのパソコンに「Adobe AIR」がインストールされていないと、インストール中に下図のポップアップが表示されます。

このポップアップが表示された場合、Scratchオフラインエディタの左にある「Adobe AIR」をダウンロードしてインストールして下さい。

インストールが完了するとScratchが立ち上がります。

スクラッチチームに情報を自動送信するかどうか画面中央に表示されますが、これはどちらをクリックしてもOKです。

いずれかをクリックするとソフトが使えるようになります。

なお、インストール後は英語表記の状態ですが、言語セレクタで日本語に変換できます。

「日本語」の下に「にほんご」とありますが、「にほんご」を選択すると全てひらがなで表示されるようになります。
子供でも使えるように配慮されてます。

「日本語」に変換されましたね。

以上でScratchのインストール作業は完了です。

手順②：node.jsをダウンロードしてインストール

次に、node.jsをパソコンにインストールする必要があるため、node.jsのサイトにアクセスしてソフトをダウンロードします。

公式サイト node.js

左側にある「推奨版」をクリックしてダウンロードします。

node.jsのインストール手順については割愛します(ひたすら「Next」をクリックするだけで、特に操作する必要がないため）。

執筆時点ではバージョンが「8.11.1LTS(推奨版)」でした。
今後もしバージョンアップしても、左側の「推奨版」を選んでおけば間違い無いと思います。

手順③：Tello.jsとTello.s2eをダウンロードする

「Tello.js」と「Tello.s2e」というファイルをRyze Tech社のサイトからダウンロードします。

下記リンクをクリックすると「Scratch.zip」というファイルのダウンロードが始まります。

公式サイト Ryze Tech

ファイルはzip形式で圧縮してあるので、ファイルを解凍します。

フォルダの中には、「Tello.js」「Tello.s2e」「TelloChs.s2e」というファイルが入っています。

「TelloChs.s2e」は中国語バージョンなので使用しません。削除してOKです。

次に、コマンドプロンプトを立ち上げます。

デスクトップの左下にあるWindowsマークの横に、「ここに入力して検索」という検索ボックスがありますので、ここに「cmd」と入力します。

「コマンド プロンプト　デスクトップアプリ」と表示されますので、クリックすると、コマンドプロンプトが立ち上がります。

コマンドプロンプトを立ち上げたらコマンドを入力

コマンドプロンプトを立ち上げたら、コマンドを入力して「Tello.js」を動かします。

１．スクラッチのフォルダのパスを入力します。

コマンドを入力して、スクラッチのフォルダにアクセスします。

「cd C:¥Users¥ユーザー名¥Desktop¥Scratch¥Scratch」と入力し、「Enterキー」を押します。

上記はコピペしないで下さい。環境依存文字が含まれているのでコピペしても「指定されたパスが見つかりません」とエラーが表示されます。

コピペする場合は下記をコピペして下さい。

いったんメモ帳にコピーして、ユーザー名を変更してください。

次に、「node Tello.js」と入力し、「Enterキー」を押します。

この画面が表示されれば成功です。これでTelloと通信できます。

パソコンをログオフしたり再起動したあとには再度コマンドプロンプトを立ち上げ、再度設定する必要があります。

セキュリティの警告が出てきた場合

「node Tello.js」を実行した後、使用しているパソコンによってはセキュリティの警告が表示される場合があります。

もし、警告が表示された場合、「アクセスを許可する」を選択してください。

エラーが出て接続できない場合

上図のようにシンプルな表示にならず、下記のように「Error（エラー）」と表示された方は、Tello.jsファイルを修正する必要があります。

Error [ERR_STREAM_WRITE_AFTER_END]: write after end

具体的な修正方法は@shoito66さんというシステムエンジニアの方がQiitaで修正方法を公開してますので、エラーが出てしまった方は下記記事を参考に修正してください。

参考リンク プログラミング初心者向け！トイドローン「Tello」をScratchで飛ばす

手順④：ScratchにTelloのデータを取り込む

Scratchオフラインエディタに戻り、ダウンロードしたTelloのデータを取り込みます。

「Shiftキー」を押しながら「ファイル」をクリックすると「実験的なHTTP拡張を読み込み」という項目がメニューに表示されますので、ここをクリックします。

「Tello.s2e」を選択し、「開く」をクリックします。

手順⑤：Telloインターフェースが「その他」に表示される

スクリプトの「その他」を選択すると、Telloのコマンドが表示されます。

これでScratchの中にTelloのデータを取り込む事ができます。

これで、Scratchを使ったTelloのプログラミング飛行の準備は完了です。

ScratchでTelloの自動飛行プログラミングを作成する

Telloとパソコンを接続し、Scratchでプログラミングする準備が整ったら、実際にTelloのプログラミングをしてみましょう。

Scratchで使用するスクリプトを解説しながら、簡単な動作をプログラミングし、最後にプログラムの実行までを解説します。

上記のとおり。

Scratchで使用するスクリプト

Scratchのスクリプトは、「動き」、「見た目」、「音」、「ペン」、「データ」、「イベント」、「制御」、「調べる」、「演算」、「その他(Tello control)」とありますが、Telloを動かすスクリプトは下記3つです。

イベント

イベントは、プログラミングを動かすきっかけの様なものを設定できます。

Telloのプログラミングでは「スペース(変更可)キーが押されたとき」ぐらいしか使わないかもしれません。

制御

制御は、イベントの後のTelloの動きの間の制御を設定できます。

例えば、

• 離陸した後に「10秒待つ」
• 1ｍ直進して、180度旋回を「2回繰り返す」

などといった制御をする際に使用します。

Tello control(その他)

Telloの飛行に関するアクションを設定できます。

具体的なアクション内容は下記のとおりです。

※移動距離はcm単位です。

上記のスクリプトを組み合わせることで、Telloの自動飛行プログラミングを作ることができます。

Telloの動作をScratchでプログラミングする

それでは、Scratchでドローンの動作をプログラミングしていきます。

非常に簡素ではありますが、試しに、下記動作をプログラミングしてみました。

スクリプトを選択し、画面右のスペースにスクリプトをドラッグして積み重ねるだけです。

プログラムの実行(パソコンとTelloを接続する)

Scratchでプログラミングできましたら、いよいよプログラムの実行です。

Telloの電源を入れ、パソコンとTelloをWi-Fi接続します。

パソコンとTelloを接続できたら準備完了です。

後はスペースキーを押すだけで、ドローンをプログラミングで動かせます。

プログラミングを実行すると、コマンドプロンプトでは下記のようにScratchで設定した内容が表示されます。

上記が表示されればプログラミングは実行され、Telloは自動飛行を行います。

以上でTelloをScratchで自動飛行させる手順は完了です。

まとめ

以上、ビジュアルプログラミング「Scratch」を使い、Telloのプログラミング飛行を設定する方法を解説しました。

Scratchを使えば難しいプログラミング言語を覚えなくてもドローンの動作をプログラミングで動かせます。

Telloは大人が空撮やプログラミングを趣味として楽しむのはもちろん、お子さんのプログラミング教育にも使えます。

自分で考えたプログラムでドローンを自動飛行で動かすのは、お子さんも興味を持つと思いますので、ぜひScratchを使ったプログラミングにチャレンジしてみて下さい。

ちなみに、スマホアプリでもっと気軽にプログラミングにチャレンジしたいという方は、下記記事をどうぞ。