2.12 ゲーム - 風船を膨らます

ここでは、風船を膨らませるゲームを行います。

緑の旗をクリックした後、風船がどんどん大きくなります。風船が大きすぎると爆発してしまい、小さすぎると落下してしまうので、いつボタンを押して上昇させるかを判断する必要があります。

../_images/13_balloon0.png

必要な部品

このプロジェクトには、以下のコンポーネントが必要です。

全てのキットを購入することは非常に便利です。リンクはこちらです:

名前

このキットのアイテム

リンク

ESP32 Starter Kit

320+

ESP32 Starter Kit

また、以下のリンクから個別に購入することもできます。

コンポーネントの紹介

購入リンク

ESP32 WROOM 32E

BUY

ESP32カメラ拡張ボード

-

ブレッドボード

BUY

ジャンパーワイヤ

BUY

抵抗器

BUY

ボタン

BUY

学べること

  • スプライトのコスチュームを描く

回路の構築

ボタンは4ピンのデバイスで、ピン1がピン2に、ピン3がピン4に接続されており、ボタンが押されると4つのピンが接続されて回路が閉じます。

../_images/5_buttonc.png

以下の図に従って回路を組み立てます。

  • ボタンの左側のピンの1つをピン14に接続します。ピン14はプルダウン抵抗と0.1uF(104)のコンデンサー(ボタンが動作しているときにジッターを排除し、安定したレベルを出力するため)に接続されています。

  • 抵抗とコンデンサーの他端をGNDに、ボタンの右側のピンの1つを5Vに接続します。

../_images/6_doorbel_bb.png

プログラミング

1. スプライトと背景を追加する

デフォルトのスプライトを削除し、スプライトエリアの右下にある Choose a Sprite ボタンをクリックして、 Balloon1 スプライトを選択します。

../_images/13_balloon1.png

Choose a backdrop ボタンを使って Boardwalk 背景を追加するか、他のお好みの背景を追加します。

../_images/13_balloon2.png

2. Balloon1スプライトの衣装を描く

次に、風船スプライトの爆発エフェクト衣装を描きましょう。

Balloon1 スプライトの Costumes ページに移動し、左下の Choose a Costume ボタンをクリックして、 Paint を選び、白紙の Costumes を表示させます。

../_images/13_balloon7.png

色を選んで、 Brush ツールを使って模様を描きます。

../_images/13_balloon3.png

再度色を選び、塗りつぶしツールをクリックし、模様の内側にマウスを移動させて色を塗ります。

../_images/13_balloon4.png

最後に、BOOMというテキストを書いて、爆発エフェクト衣装が完成です。

../_images/13_balloon5.png

3. Balloonスプライトのスクリプトを組む

Balloon1 スプライトの初期位置とサイズを設定します。

../_images/13_balloon6.png

そして、 Balloon スプライトがゆっくりと大きくなるようにします。

../_images/13_balloon8.png

ボタンが押されたとき(値が1のとき)、 Balloon1 スプライトのサイズの拡大が停止します。

  • サイズが90未満の場合は落下します(y座標が減少)。

  • サイズが90以上で120未満の場合は、空へ飛び立ちます(y座標が増加)。

../_images/13_balloon9.png

ボタンが押されていない場合、風船はゆっくりと大きくなり、サイズが120を超えると爆発します(爆発エフェクトの衣装に切り替え)。

../_images/13_balloon10.png