移動ボタンスタートボタン試してみようシーンを作ろうクリアシーンゲームオーバーシーン条件設定ボールが画面外に出たブロックが全部消えた完成!動作確認しようブロック崩しを作ろう今日は前回までに勉強したことを使って、ブロック崩しゲームを作ってみましょう。Designさんが出しているiPhone/iPad用アプリです。公式サイトはここです。無料で楽しめますので、親子で是非チャレンジしてみてください!注意!Springin’はiPhoneとiPadで少しメニューの配置などが異なりますが、基本的な動作は同じです。本サイトでは、画面の見易さを考慮してiPhoneSEで撮影した画像を載せています。ボールが当たると消えるブロックです。画面内を飛び回るボールです。ブロックに当たるとブロックが消えます。ゲームを開始するボタンです。ボールが当たると跳ね返ります。右移動、左移動ボタンで左右に動くバーです。ボタンが当たると跳ね返ります。タップすることでバーが左に移動します。タップすることでバーが右に移動します。画面の枠を作成します。枠を作成ブロックボールに当たると消えるブロックを作成します。これも画面の縁を利用すると良いでしょう。移動ボタン右移動、左移動のボタンを作ります。どちらか一つだけ作ってください。一つは回転して作れます。大きさは後で調整可能です。画面の枠を配置します。画面端へ最後に枠の属性を設定します。残りの画面上と画面右の枠も同様に設定してくださいね👍これで画面の枠の配置は終了です!!️ブロック次はブロックを配置していきまーす😃が、その前に!!ブロックにも属性が必要になります。ここで必要な属性は「固定」と「高反発」と「消滅」ですが、ブロックを置いて3つの属性を設定して、また一つブロックを置いて3つ属性を設定して...とやっていたら面倒臭いので(💦)、まとめて設定しておきましょう😁アイテム一覧のブロックをタップすると、属性一覧が表示されます。!!️ブロックを配置ボール次はボールを配置します。移動ボタン移動ボタンは画面下にそれぞれ配置します。移動ボタンを配置バーボールを跳ね返すバーを配置します。これは画面下中央に置いてください。(スクショ撮り忘れて画面なしです😇上の概要を参考にしてください💦)スタートボタン最後にスタートボタンを配置しましょう😄これはボールのすぐ下に置いてくださいね。画面への配置が完了しましたが、これで完成ではありません。画面の枠、ブロックには属性を設定してありますので、それ以外の属性設定を見ていきますよ💖ボールボールには「接触」属性を設定します。「接触」属性とは、自身(ボール)が他のアイテムに当たった時に他のアイテムのイベントを発生させるものです。この場合「他のアイテム」とはブロックのことになりますので、次のように言い換えられます。ボールがブロックに当たったら、ブロックの属性である「消滅」が発生する。やってみましょう!ボールをタップして、「接触」属性を選択します。続けて、対象となるアイテムを設定していきます。ブロックをタップすると対象のアイテムになります。タッチ移動無効」の属性を設定します。(左右)」を設定します。「動力」属性とは、自身のイベントが発生したら、他のアイテムを移動させるイベントを発生させるものです。この場合「他のアイテム」とはバーのことになりますので、次のように言い換えられます。移動ボタンがタップされたら、バーが左(または右)に移動する。左ボタンまずは左ボタンから。設定したら、「動力」の左矢印をタップしてみてください。動力(左)これをタップして対象のアイテムにバーを設定します。設定したら、「動力」の右矢印をタップしてみてください。動力(右)タップして、バーを対象のアイテムにします。他アイテムを弾きとばす属性で、自身に近ければ近いほど!!️威力!!️が増します。一度ならいいですが、何度もやっていると面倒に感じてきますので、クリア画面とやり直し画面を作って、それぞれの画面からゲーム画面に戻れるように改良しちゃいましょう😆シーンの作り方は、画面左上に上下の矢印が並んでいるところがありますので、そちらをクリックします。切り替えアイテムメニューからシーンメニューに切り替わりましたね🌼この状態で+ボタンを押すと新しいシーンが追加されます🌟シーンメニューアイテムメニューに戻るには、再度画面左上の上下矢印をタップすると戻れますよ↕️クリアシーンゲームをクリアした時のシーンを作成します。アイテムに「クリア」の文字と「もう一回」のボタンを作って、配置してみてください。こんな⬇️感じでOKです(字が汚いのはご容赦ください💦)クリアシーン「クリア」には「固定」の属性を設定してください。「もう一回」にはシーンチェンジの属性を設定します。「シーンチェンジ」の属性をタップすると、画面選択ができるようになります。ここでどの画面に戻るかを決めましょう。́∀`*)っゲームシーンを選択ゲームオーバーシーンゲームオーバのシーンを作成します。アイテムに「ざんねん」の文字と「もう一回」のボタンを作って、配置してみてください。こんな⬇️感じでOKです(字が汚い...💦)ゲームオーバーシーンあとはゲームクリアシーンと同じです。「ざんねん」と「もう一回」にそれぞれの属性を設定して、シーンチェンジの属性でゲーム画面を設定してください。シーン設定ここまででシーンの作成は完了です。この後は、それぞれの条件に従って画面が切り替わるように設定していきましょう!条件設定シーンの作成ができましたので、後はそれぞれの条件に応じたシーン切り替えを作っていきます。ボールが画面外に出た:ゲームオーバーシーンへブロックが全部消えた:ゲームクリアシーンへそれぞれ見ていきましょう😄ボールが画面外に出たボールが画面の外に出たらゲームオーバーシーンに変わるように設定します。左右どちらでも構いませんが、画面の枠に対して属性を追加します。ここでは画面右の枠に対して、「タッチ移動無効」「タッチトリガー無効」「フラグ」「シーンチェンジ」の属性を設定していきます。それぞれ順番に説明しますね👍タッチ移動無効アイテムをタップしても移動や拡大縮小ができなくなります。「画面の枠」アイテムには「固定」属性が設定されていますが、これと合わせて全く動かないようになります。タッチ移動無効タッチトリガー無効アイテムがタップされてもイベントが発生しなくなります。「画面の枠」アイテムにはまだイベントが設定されていませんが、この後「シーンチェンジ」の属性を設定します。その時にタッチによって発動しないようにしたいので、この属性が必要になります。タッチトリガー無効フラグ対象となるアイテムがなくなった場合に、自身のイベントが発生します。ここではボールを対象アイテムとしてください。画面を変える属性です。ボールがなくなったらシーンを変えるので、シーンの変更先は「ゲームオーバー画面」に設定してくださいね😆ゲームオーバーこれで右枠の設定が終わりました。画面左の枠に対して、「タッチ移動無効」「タッチトリガー無効」「フラグ」「シーンチェンジ」の属性を設定していきます。「タッチ移動無効」「タッチトリガー無効」については上記の通りなので省略しますね💦フラグ対象となるアイテムがなくなった場合に、自身のイベントが発生します。ここでは全部のブロックを対象アイテムとしてください。LINERetaxAdminをフォローするRetaxAdminReTaX関連記事プログラミング教育2進数に触れてみよう教材なしのプログラミング教室です♪紙もペンも使わずに2進数を勉強してみましょう!使うのは手の指だけ!簡単な指の運動だと思ってやってみましょう。ボタンを使おう!教材はブラウザだけ!無料&簡単なプログラミングをやってみましょう!お子さんと一緒にプログラミングを楽しんでみませんか?超小型コンピュータのmicro:bit(マイクロビット)を使って、簡単なプログラミングの方法をお伝えしています。ループを使ってFizzBuzz問題を解こう教材はブラウザだけ!無料&簡単なプログラミングを親子で楽しみませんか!?超小型コンピュータのmicro:bit(マイクロビット)を使って、積み木感覚で遊びながら覚えられるプログラミングの方法をお伝えしています。今回は有名なFizzBuzz問題をmicro:bitで解いてみましょう!今回はループも使いますよ!micro:bitmicro:bitプログラミング(11)「変数」を使おう!教材はブラウザだけ!無料&簡単なプログラミングを親子で楽しみませんか!?超小型コンピュータのmicro:bit(マイクロビット)を使って、積み木感覚で遊びながら覚えられるプログラミングの方法をお伝えしています。コメントをキャンセルメールアドレスが公開されることはありません。ブロック崩しを作ろうスポンサーリンク。