【スクラッチ】シューティングゲーム:的をピクセルの効果でぼやかす

見た目
ラッチ先生
ラッチ先生

こんにちは!

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

スック
スック

スックだよ!

ラッチ先生
ラッチ先生

シューティングゲームを作つくります。

的まとは、コウモリです。

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch こうもりをねらうシューティングゲーム
こうもりをねらうシューティングゲーム
こうもりに当あたると モザイクのように消きえる
スック
スック

やったね!

シューティングゲームだ!

ラッチ先生
ラッチ先生

コウモリに当あたると、ぼやけていきます。

そのプログラミングが、これです!

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch こうもりの姿がぼやけるスクリプト
こうもりがぼやけていくスクリプト
スック
スック

あらら、形かたちが変かわっちゃった。

ラッチ先生
ラッチ先生

今回は、

・「ピクセル化かの効果こうかを〇ずつ変かえる」ブロック

scratch 「ピクセル化の効果を〇ずつ変える」ブロック
「ピクセル化かの効果こうかを〇ずつ変かえる」ブロック

を使つかって、

コウモリがぼやけていくシューティングゲームをプログラミングしていきましょう。

スック
スック

やろう!やろう!

それでは、楽たのしくプログラミングを学まなんでいきましょう!

スポンサーリンク

今回作るスクラッチの作品は、これっ!

  • コウモリがはばたいて いろいろなところに 現あらわれるよ
  • 矢印やじるしをクリックすると 星ほしが飛とび出だすよ。コウモリをねらおう!
  • コウモリに当あたると ぼやけていって 消きえるよ
スック
スック

シューティングゲームだよ!

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

1.コウモリが 羽はねをばたつかせるスクリプトがわかるよ。

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch こうもりの羽をばたつかせる
コウモリの羽はねがはばたく

2.やじるしが 0度どから90度どの間を動うごくスクリプトがわかるよ

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch やじるしが0~90度の間を動く
矢印やじるしが0~90度どの間あいだを行いったり来きたりする

3.矢印やじるしをクリックすると 星ほしが飛とび出だすスクリプトがわかるよ

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch やじるしをクリックすると星が飛び出す
やじるしをクリックすると、星ほしが飛とび出だす

4.コウモリのすがたが ぼやけていくスクリプトがわかるよ

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch コウモリの姿がぼやけていく
コウモリの姿すがたがぼやけていく

スポンサーリンク

スクリプトを見てみよう

スプライトはこれです!

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch スプライト
スプライト
ラッチ先生<br>
ラッチ先生

このスクラッチ作品のスプライトは、

  • 「やじるし」
  • 「星」
  • 「コウモリ」

です。

  • 「Arrow1」を「やじるし」に名前なまえを変かえました。
  • 「Star」を「星ほし」、大おおきさを「50」にしました。
  • 「Bat」を「こうもり」、大おおきさを「50」にしました。
スック
スック

スプライトの名前なまえや大おおきさの変かえ方かたがわからない時ときは、

こちら!

スクリプトはこれです!

やじるしのスクリプト

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch やじるしのスクリプト
やじるしのスクリプト

星のスクリプト

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch 星のスクリプト
星ほしのスクリプト

コウモリのスクリプト

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch コウモリのスクリプト
コウモリのスクリプト

スポンサーリンク

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

やじるしのスクリプト

最初の場所を決めるプログラミング

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch やじるしの最初の場所を決めるスクリプト
やじるしの最初さいしょの場所ばしょを決めるスクリプト
スック
スック

x座標ざひょう、y座標ざひょうってわかる?

場所ばしょをあらわすものなんだ!

ここで、くわしく学まなべるよ!

0~90度の間を 動くプログラミング

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch やじるし やじるしが0~90度の間を動くスクリプト
矢印やじるしが0~90度どの間あいだを行いったり来きたりするスクリプト

スポンサーリンク

星のスクリプト

クリックすると 矢印から現れるプログラミング

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch クリックすると星から現れるスクリプト
星ほしの場所ばしょを決きめるスクリプト
「やじるしのx座標」「やじるしのy座標」「やじるしの向き」ブロックの作り方
「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch 「やじるしのx座標」「やじるしのy座標」ブロック
「やじるしのx座標ざひょう」「やじるしのy座標ざひょう」ブロック
「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch 「やじるしの向き」ブロック
「やじるしの向き」ブロック

1.「調しらべる」から「ステージの背景はいけい#」ブロックを取とり出だす。

scratch 「調べる」タブから「ステージの背景#」ブロックを取り出す
「調しらべる」にある「ステージの背景はいけい#」ブロックを取とり出だす

2,「ステージ▽」をクリックして、「やじるし」にする

scratch 「ステージの背景#」ブロックの▽をクリックして「やじすし」をクリックする
「▽」の所ところをクリックする

3,「やじるしのx座標ざひょう」ブロック 完成かんせい!

scratch 「やじるしのx座標」ブロック完成
「やじるしのx座標ざひょう」コードの完成かんせい

4,「x座標ざひょう▽」をクリックして、「y座標ざひょう」にする

scratch 「やじるしのx座標」の「x座標」▽をクリックして、「y座標」にする
「x座標ざひょう」を「y座標ざひょう」にする

5,「やじるしのy座標ざひょう」ブロック 完成かんせい

scratch 「やじるしのy座標」ブロック完成
「やじるしのy座標ざひょう」コードの完成かんせい

6,「y座標ざひょう▽」をクリックして、「向むき」にする。

scratch 「やじるしのy座標」の「y座標」▽をクリックして、「向き」にする
「y座標ざひょう」を「向むき」にする

7,「やじるしの向むき」ブロック 完成かんせい

scratch 「やじるしの向き」ブロック
「やじるしの向むき」ブロックの完成かんせい

クリックすると 星が飛び出すプログラミング

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch 矢印をクリックすると星が飛び出すスクリプト
やじるしをクリックすると、星ほしが飛とび出だすスクリプト

端に当たると もとにもどり消えるプログラミング

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch 矢印は端に当たると元に戻り消えるスクリプト
星ほしが端はしに当あたると、元もとに戻もどり隠かくれるスクリプト

スポンサーリンク

コウモリのスクリプト

いろんな所に現れるプログラミング

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch コウモリがいろんな所に現れるスクリプト
コウモリが1秒間びょうかん現あらわれて、違ちがう場所ばしょに行いくスクリプト

はねが はばたくプログラミング

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch コウモリの羽をはばたかせるスクリプト
コウモリが羽はねをはばたかせるスクリプト
ラッチ先生
ラッチ先生

「コウモリ」のコスチューム

「bat-c」と「bat-d」は、羽はねをばたつかせている動作どうさでないのでカットしました。

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch コウモリのコスチューム 「bat-c」「bat-d」を削除する
「bat-c」と「bat-d」コスチュームを削除さくじょする
スック
スック

「つぎのコスチューム」って、なあに?

知しりたい方かたは、こちらから学まなべるよ!

姿を ばやかしていくプログラミング

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch コウモリをぼやかしていくスクリプト
コウモリの姿すがたをぼやかしていくスクリプト

スポンサーリンク

「ピクセル化の効果を〇にする」ブロック

ピクセルとは、点

スック
スック

「ピクセル」って、なあに?

ラッチ先生<br>
ラッチ先生

ピクセル。なんか、カルピスににてない

スック
スック

なあに、それ。

ラッチ先生<br>
ラッチ先生

すみませんでした。ジョークです。

「ピクセル」とは、点てんのことです。

パソコンの画面がめんは、この「ピクセル」という点てんでできています

スック
スック

えっ、

スプライトは、「点てん」でできてるの?

ラッチ先生<br>
ラッチ先生

そのとおり!

このコウモリの絵えも、たくさんの点てんであらわしているんだよ。

「ピクセル」
「ピクセル」意味いみ
スック
スック

へぇ~、ぜんぜんわからなかった。

作り方

「ピクセル化の効果を○にする」ブロックの作り方
scratch 「ピクセル化の効果を〇にする」ブロック
「ピクセル化かの効果こうかを〇にする」ブロック

1,「見みた目め」の「色いろの効果こうかを〇ずつ変かえる」ブロックを取とり出だす。

scratch 「見た目」タブから「色の効果を〇ずつ変える」ブロックを取り出す
「見みた目め」から「色いろの効果こうかを〇にする」ブロックを取とり出だす

2,「色いろの効果こうかを0ずつ変かえる」ブロックの「▽」をクリックする。

scratch 「色の効果を〇ずつ変える」ブロックの▽をクリック
「色いろ▽」の▽の所ところをクリックする

3,「ピクセル化か」をクリックする

scratch 「ピクセル化」をクリック
「ピクセル化か」の所ところをクリックする

4,「ピクセル化の効果こうかを〇にする」ブロック 完成かんせい

scratch 「ピクセル化の効果を〇にする」ブロック 完成
「ピクセル化かの効果こうかを〇にする」ブロックの完成かんせい
「ピクセル化の効果を〇ずつ変える」ブロックの作り方
scratch 「ピクセル化の効果を〇ずつ変える」ブロックのやり方も同じ
「ピクセル化かの効果こうかを〇ずつ変かえる」ブロックのやり方かたも同おなじ

「ピクセル化かの効果こうかを○にする」ブロックと 同おなじやり方かた

スポンサーリンク

使い方

ラッチ先生
ラッチ先生

「ピクセル化かの効果こうか」ブロックは、

スプライトの姿すがたをぼやかしていきます。

「ピクセル化の効果を〇にする」ブロック
scratch 「ピクセル化の効果を〇にする」ブロック
「ピクセル化かの効果こうかを〇にする」ブロック
  • スプライトの姿すがたをぼやかす
scratch 「ピクセル化の効果を〇にする」ブロックの役目
「ピクセル化かの効果こうかを〇にする」コードの役目やくめ
スック
スック

あらら⁉消きえるんだ!

コウモリをぼやかしていくプログラミング

ラッチ先生
ラッチ先生

「ピクセル化かの効果こうかを〇ずつ変かえる」ブロックを繰くり返かえすことによって

星ほしに当あたったらコウモリがぼやけて消きえていくようにしました。

コウモリがぼやけて消えるプログラミング
「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch コウモリをぼやかしていくスクリプト
スプライトをぼやかすスクリプト
スック
スック

もう、コウモリではないね!

ラッチ先生
ラッチ先生

そして、「画像効果がぞうこうかをなくす」ブロックで、

コウモリの姿すがたを元もとに戻もどしてから終了しゅうりょうさせよう!

「画像効果をなくす」ブロックで元に戻す
「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch ぼやけたコウモリを元に戻して終了するスクリプト
「画像効果がぞうこうかをなくす」コードで元もとに戻もどす
スック
スック

つぎのゲームで、またコウモリが現あらわれるよ!

スポンサーリンク

まとめ

ラッチ先生
ラッチ先生

今回こんかいは、

「ピクセル化かの効果こうか」ブロックを使つかって、

スプライトの姿すがたをぼやかすプログラミングを

学まなびました。

今回のプログラミングでわかったこと

ラッチ先生
ラッチ先生

シューティングゲームは、いかがでしたか?

スック
スック

おもしろかった!

ラッチ先生
ラッチ先生

機関銃きかんじゅうから弾たまやビームが飛とび出だすゲームは、基本きほんこのプログラミングです。

シューティングゲームの基本1

弾たまの位置いちを 機関銃きかんじゅうの先さきにする

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch クリックすると星から現れるスクリプト
星ほしの場所ばしょを決きめるスクリプト
シューティングゲームの基本2

弾たまを端はしまで動うごかす

「スクラッチしよう!2-7 こうもりを うちおとせ!」 scratch 矢印をクリックすると星が飛び出すスクリプト
やじるしをクリックすると、星ほしが飛とび出だすスクリプト
ラッチ先生
ラッチ先生

この星ほしが飛とび出だすプログラミングがわかれば

シューティングゲームはかんたんに作つくれちゃいます。

みんなもシューティングゲームが好すきでしょう!

スック
スック

うん、大好だいすき!

ラッチ先生
ラッチ先生

自分じぶんの好すきなスプライトを用もちいて

シューティングゲームに挑戦ちょうせんしてみよう!

それじゃあ、また!!

スック
スック

ばいばい!

(@^^)/~~~

スポンサーリンク


ラッチ先生
ラッチ先生

今回こんかい 学まなんだことを

pythonパイソンでプログラミングしたいと思おもったら

ここで 学まなべます

ラッチ先生
ラッチ先生

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

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

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

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

ラッチ先生
ラッチ先生

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

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

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

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

スック
スック

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

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

ラッチ先生
ラッチ先生

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

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

コメント