【スクラッチ】ゲームの技10 :スマホ用リモコン(上下左右)

ゲームの技
ラッチ先生
ラッチ先生

こんにちは!

「スクラッチしよう!楽たのしく学まなぶプログラミング教室きょうしつ」の担任たんにんラッチです。

スック
スック

スックだよ!

ラッチ先生
ラッチ先生

今回こんかいは、

スマホやタブレット用ようリモコン(4方向ほうこう:上下左右じょうげさゆう)を 作つくります

スポンサーリンク
スマホ用ようリモコン(上下左右じょうげさゆう)
  • タップした所ところに リモコンが 出でてきます
  • ねっちボールを 上下左右じょうげさゆうに 動うごかせます
スック
スック

実際じっさいに 試ためしてみて

ラッチ先生
ラッチ先生

スマホや タブレットには、

上下左右じょうげさゆうボタンが ないでしょ!

スック
スック

そうなんだ!

スマホやタブレットで 

できないゲームが あって、困こまってたんだ。

これっ、便利べんりだね

ラッチ先生
ラッチ先生

こちらの スマホ用ようリモコンは、

360度どあらゆる方向ほうこうに ねっちボールを

動うごかします。

このリモコンを 改良かいりょうして

上下左右じょうげさゆうの4方向ほうこうだけ 動うごかせるように

プログラムしました。

スクラッチしよう!11-11
スック
スック

360度どあらゆる方向ほうこうに

ねっちボールを動うごかす

リモコンの作つくり方かたは、こちらを見みてね!

今回のプログラミングで 学ぶことは

1.ねっちボールを 4方向ほうこう(上下左右じょうげさゆう)に 動うごかすスクリプトが わかるよ

スマホ・タブレット用ようリモコン(4方向ほうこう)

2.ねっちボールが 端はしに当あたると 止とまるスクリプトが わかるよ

端はしに当あたると止とまる

スポンサーリンク

プログラミングの仕方を説明します

4方向リモコンのプログラミング

1.ねっちボールを 4方向ほうこう(上下左右じょうげさゆう)に 動うごかすスクリプトが わかるよ

スマホ・タブレット用ようリモコン(4方向ほうこう)
ラッチ先生
ラッチ先生

最初さいしょに、スプライトを 用意よういしよう

「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch スプライト
スプライト
スック
スック

こちらをクリックして、

『スクラッチしよう!11-11

スマホ用ようリモコンを作つくろう』を リミックスしてね。

「スクラッチしよう!11-11 スマホ用リモコンを作ろう!」 scratch スプライト
スマホ用ようリモコンを作つくろう
ラッチ先生
ラッチ先生

「スマホ用ようリモコンを作ろう!」を リミックスしたら この2つを やってね

① 背景はいけい「Xyエックスワイ–gridグリッド-30pxピクセル」を 追加ついかする

「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch 背景「Xy-grid-30px」
背景はいけい30pxピクセル

② ねっちボールのコスチュームの 大おおきさを 変かえる

「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch ねっちボールコスチューム
ねっちボールのコスチューム
スック
スック

「x座標ざひょうを○、y座標ざひょうを○にする」ブロックで

「x座標を○、y座標を○にする」ブロック
「x座標ざひょうを○、y座標ざひょうを○にする」ブロック

ねっちボールの 最初さいしょの位置いちは、ここにしたよ

1.ねっちボールを 表示ひょうじする

「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch ねっちボールの最初の位置のスクリプト
ねっちボールの最初さいしょの位置いちのスクリプト
ラッチ先生
ラッチ先生

さあ、これから、

リモコンの向むきを

ねっちボールの向むき4方向ほうこう(上下左右じょうげさゆう)に

変かえるプログラムを 作つくっていきます

ねっちボール:4方向ほうこう
スック
スック

おねがいしまぁ~す!

ラッチ先生
ラッチ先生

まず、リモコンの向むき と ねっちの向むき を 見みてみよう

リモコンと ねっちボールの方向ほうこう
リモコンとねっちボールの向き
「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch リモコンの向きと ねっちボールの向き:上
リモコンの向むきと ねっちボールの向むき:上うえ
「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch リモコンの向きと ねっちボールの向き:右
リモコンの向むきと ねっちボールの向むき:右みぎ
「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch リモコンの向きと ねっちボールの向き:下
リモコンの向むきと ねっちボールの向むき:下した
「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch リモコンの向きと ねっちボールの向き:左
リモコンの向むきと ねっちボールの向むき:左ひだり
スック
スック

どのようにプログラミングしてるんだ…?

ラッチ先生
ラッチ先生

それぞれの向むきの角度かくどを 意識いしきしてね。

リミックスした時ときは、

「○の○」ブロックで

「○の○」ブロック
「○の○」ブロック

リモコンの向むきと ねっちの向むきは 同おなじでした。

2.リモコンの向むき と 同おなじ

ねっちボールの向むき①
スック
スック

ふむ、ふむ

ラッチ先生
ラッチ先生

さあ、ここから数かずのマジック!

「○/○」ブロックで

「○/○」ブロック
「○/○」ブロック

リモコンの向むきを 90度どで 割わって

リモコンの向むきが、90度どの 何倍ばいか割合わりあいを 出だします

3.リモコンの向むきを 90度どを 元もとにした 割合わりあい(○倍ばい)にする

ねっちボールの向むき②
スック
スック

割合わりあいが

-2.0~2.0に なったね

ラッチ先生
ラッチ先生

つぎは、

「○の四捨五入ししゃごにゅう」ブロックで

「○を四捨五入」ブロック
「○を四捨五入ししゃごにゅう」ブロック

割合わりあいを 整数せいすう に するよ

スック
スック

「○を四捨五入ししゃごにゅう」ブロックの 働はたらきだよ

「○を四捨五入」ブロックの働き
「○を四捨五入ししゃごにゅう」ブロックの 働はたらき

4.割合わりあいを 四捨五入ししゃごにゅうして 整数せいすうにする

ねっちボールの向むき③
スック
スック

あれっ?

四捨五入ししゃごにゅうすると、-2,-1,0,1, 2と

5つの整数せいすうに なったぞ

ラッチ先生
ラッチ先生

(* ̄▽ ̄)フフフッ♪

これに

「○*○」ブロックで

「○*○」ブロック
「○*○」ブロック

整数せいすうにした割合わりあいに 90度どを かけるんだ

5.整数せいすうにした割合わりあいに 90度どを かける

ねっちボールの向むき④
スック
スック

なるほど、

-180度どと180度どは 同おなじ真下ましたに なるんだ

ラッチ先生
ラッチ先生

「○度どに向むける」ブロックに 組くみ入いれて

「○度に向ける」ブロック
「○*○」ブロック

ねっちボールを 動うごかしてみよう

6.リモコンで ねっちボールを4方向ほうこう(上下左右じょうげさゆう)に 動うごかす

リモコンでねっちボールを動うごかすスクリプト①
スック
スック

4方向ほうこうになったけど、

マス目めから ずれてるよ

ラッチ先生
ラッチ先生

これは、

「○を送おくる」ブロックと

「○を送る」ブロック
「○を送おくる」ブロック

「○歩動ぽうごかす」ブロックが

「○歩動かす」ブロック
「○を動うごかす」ブロック

原因げんいんなんだ。つぎに ちゃんと修正しゅうせいするよ

スック
スック

おねがいします!

スポンサーリンク

マス目上に動くプログラミング

2.ねっちボールが 端はしに当あたると 止とまるスクリプトが わかるよ

端はしに当あたると 止とまる
ラッチ先生
ラッチ先生

まず、

「○を送おくる」ブロックを 「○を送おくって待まつ」ブロックに 変かえよう

「○を送る」ブロックから「○を送って待つ」ブロックへ変える
「○を送おくって待まつ」ブロックへ 変かえる

1.「○を送おくって待まつ」ブロックに 変かえる

リモコンで ねっちボールを動うごかす スクリプト②
スック
スック

あれっ⁉

ねっちボールの動うごきが 変かわったぞ

ラッチ先生
ラッチ先生

それはね、

「○を送おくる」ブロックでは、ず~っと 「動うごく」メッセージを 出だしているんだ

 つまり、ねっちボールが 10歩動ぽ うごき終おわる前まえに、次つぎの10歩動ぽ うごかすようメッセージが 来くるんだ

「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch 「○を送る」ブロックを使ったスクリプト
「○を送おくる」ブロックを使つかったスクリプト
「○を送おくる」ブロックの場合ばあい
スック
スック

ふむ、ふむ

ラッチ先生
ラッチ先生

「○を送おくって待まつ」ブロックは、

 ⑤「10歩動ぽうごかす」が 終おわってから 次つぎの「動うごく」メッセージが 送おくられます

「○を送おくって待まつ」ブロックを使つかったスクリプト
「○送おくって待まつ」ブロックの場合ばあい
スック
スック

ああ、だから

なんとなくカクカクと 動うごくんだ

ラッチ先生
ラッチ先生

つぎは、

隣となりのマス目めに 移動いどうするプログラムを 作つくりましょう

「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch 隣のマス目に動く
隣となりのマス目めに動うごく
スック
スック

マス目めが 30pxピクセル だからね

ラッチ先生
ラッチ先生

「○回繰かい くり返かえす」ブロックを 使つかえば

「○回繰り返す」ブロック
「○回繰かい くり返かえす」ブロック

隣となりのマス目めに 移動いどうできます

「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch 動く速さ10歩
ねっちボールの動うごき ①
スック
スック

はやくね!

ラッチ先生
ラッチ先生

そうだね!

動うごく速はやさを 変かえるね

「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch 動く速さ5歩
ねっちボールの動うごき②
スック
スック

おおっ!いいね

ラッチ先生
ラッチ先生

次つぎに

壁かべに触ふれたら 進すすまないプログラムを 作つくるよ

まず、ねっちボールが 動うごく前まえに

「もし○なら、でなければ」ブロックで

「もし○なら、でなければ」ブロック
「もし○なら、でなければ」ブロック

隣となりのマスに 壁かべが あるかどうか 確認かくにんします

端に触れた時のプログラム
「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch 端に触れた時のプログラム
端はしに触ふれた時ときのプログラム
スック
スック

①で 30pxピクセル 動うごかしても、

端はしに当あたると 半分はんぶんしか 動うごいてないもんね

端に触れてない時のプログラム
端はしに触ふれない時ときのプログラム
スック
スック

なるほど!

毎回まいかい 隣となりのマス目めに 壁かべがあるか

確たしかめながら 動うごくんだ

ラッチ先生
ラッチ先生

さあ、このプログラムを セットしよう

リモコンで ねっちボールを 動うごかすスクリプト③
スック
スック

「○の音おとを鳴ならす」ブロックで

「○の音を鳴らす」ブロック
「○の音おとを鳴ならす」ブロック

ねっちボールが 動うごく効果音こうかおんを つけたよ

これで、

スマホやタブレット用ようリモコン(4方向ほうこう)が 完成かんせい!

スポンサーリンク

まとめ

ラッチ先生
ラッチ先生

「スマホ・タブレット用ようリモコン(4方向ほうこう)」のプログラミングが 終おわりました。

各かくスプライトのスクリプトです。

リモコンのスクリプト

「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch リモコンのスクリプト①
リモコンのスクリプト①
「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch リモコンのスクリプト②
リモコンのスクリプト②

ねっちボールのスクリプト

「スクラッチしよう!11-12 スマホ用リモコン(上下左右)を作ろう!」 scratch ねっちボールのスクリプト
ねっちボールのスクリプト
スック
スック

うまくできたかな!

ラッチ先生
ラッチ先生

このリモコンを 使つかった スマホ用ようゲームが こちらです!

もしよかったら、挑戦ちょうせんしてみてください

それじゃあ、またっ!

スック
スック

まったねえーーー!

(@^^)/~~~

スポンサーリンク

ラッチ先生
ラッチ先生

「変数へんすう」って、なあに?

「変数へんすう」ブロックって、どう使つかうの?

と 思おもっている方かたに!

変数へんすうブロックでのプログラミングを 学まなべるドリルを 作つくりました

「スクラッチしよう!ステップアップドリル」変数
ラッチ先生
ラッチ先生

「リスト」って、なあに?

「リスト」ブロックって、どう使つかうの?

と 思おもっている方かたはこちら!

リストブロックでのプログラミングを 学まなべるドリルを 作つくりました

「スクラッチしよう!ステップアップドリル」 リスト
スック
スック

画面がめんを クリックすると

「ステップアップドリル」のサイトへ 行いけます!

ラッチ先生
ラッチ先生

pythonパイソンを 学まなびたいと 思おもっている方かたは、こちら!

「pythonパイソンしよう! 楽しく学べるプログラミング教室」サイトを 作つくりました。

コメント