DRONE STAR プログラミング AI 作例集
ブロックの、その先へ。
自分の言葉でつくって、飛ばして、確かめる。
「作例」＝ AIに頼んでつくった、ドローンのアプリ。
AIに送った言葉（プロンプト）と、動くまでの道のりを公開しています。
「ドローンとじゃんけんがしたい」
カメラに映った手の形を見分けて、勝ち負けでドローンの動きが変わります。
投稿者名：DRONE STAR 開発チーム
はじめに送った言葉
ドローンのカメラ映像を使って、じゃんけんができるアプリを、ブラウザで動くHTMLファイルで作ってください。カメラに映った手がグー・チョキ・パーのどれかを判定して、ドローン側もランダムに手を出し、勝ち負けを画面に出します。ドローンが勝ったら上がって一周まわる、あいこなら左右にゆれる、負けたらゆっくり着陸する、という動きにしてください。
この言葉をコピー
つまずいた点・工夫した点
最初に「じゃんけんできるプログラムを作って」とだけ頼んだら、ブラウザでは動かない形式のコードが返ってきました。「ブラウザで動くHTMLファイルで」と書き足したら、一度で通りました。勝ったとき・負けたとき・あいこのときの動きは、あとから選べるようにしました。同じアプリのまま、ドローンの反応だけ変えて遊べます。
完成版のHTMLをダウンロード
「手を追いかけて飛んでほしい」
開いた手のひらを見つけると、距離を保ちながら追いかけます。
投稿者名：DRONE STAR 開発チーム
はじめに送った言葉
ドローンのカメラ映像から、開いた手のひら（パー）を見つけて追いかけるアプリを、ブラウザで動くHTMLファイルで作ってください。手が画面の真ん中に来るように旋回と上下を調整して、手の大きさを見て距離を保つようにしてください。手を見失ったら、その場で止まって待つようにしてください。
この言葉をコピー
つまずいた点・工夫した点
最初は反応が細かすぎて、機体が小刻みに揺れました。手を真ん中に合わせようとするたびに行き過ぎて、また戻ってを繰り返す状態です。「少しくらいのズレでは動かないようにして」と頼み、どのくらいのズレなら見逃すかを自分で決められるようにしたら、落ち着きました。最後に、触るところを「追いかけてほしい距離」と「追いかけ方」の2つに絞りました。開いてすぐ飛ばせるようになりました。
完成版のHTMLをダウンロード
あなたの作例も、教えてください。
写真は画面のスクリーンショットで構いません。
このページで紹介させていただきます。
つくった
AIに送った言葉と、できあがったものを送ってください。うまくいかなかったところも歓迎です。
つくりかえた
持ち帰ったHTMLを改造したら、どこをどう変えたか教えてください。
いただいた作例は、このページに随時追加していきます。
作例を送る
