【スクラッチ】 スプライトの位置を表す「x座標」「y座標」

動き
ラッチ先生
ラッチ先生

こんにちは!

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

スック
スック

スックです。

よろしくね!

ラッチ先生
ラッチ先生

今回こんかいは、ネコを好すきな場所ばしょに表あらわ します。

「スクラッチしよう!1-8 ネコに自分の場所を言わせよう!」 scratch ネコ x座標100,y座標100に表示する
スック
スック

あれっ、ネコはいつも真ん中にあったよね。

ラッチ先生
ラッチ先生

そう、いつもは真ん中にネコがいます。

今回こんかいは、コンピューターに「ネコをここに表示ひょうじして。」とプログラミングしました。

この1つのブロックで、できるんだ。

scratch 「x座標を100,y座標を100にする」ブロック
「x座標ざひょうを100、y座標ざひょうを100にする」ブロック
スック
スック

x座標ざひょう?

y座標ざひょう?

ラッチ先生
ラッチ先生

アハハ!

むずかしい言葉ことばが出でてきたよね。

「x座標ざひょう」「y座標ざひょう」。

2つの言葉ことばでスプライトの位置いちを表あらわすんだ。

スック
スック

スプライトの位置いちを表あらわすのに使つかうんだ…。

ネコに自分じぶんの場所ばしょを言いわせる
ラッチ先生
ラッチ先生

そう。プログラミングをしていくうちに、「x座標ざひょう」「y座標ざひょう」がだんだんとわかってきますよ。

心配しんぱいしなくてだいじょうぶです。

今いまは、「スプライトの位置いちを表あらわす言葉ことば」なんだと覚おぼえてくれればいいです。

スック
スック

うん、わかった。

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

スポンサーリンク

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

  • 緑みどりの旗はたをクリックすると、ネコが「x座標ざひょうが100,y座標ざひょうが100」の所ところに現あらわれるよ。
  • ネコをクリックすると、どこかの場所ばしょに現あらわれて自分じぶんの場所ばしょを知しらせるよ。
スック
スック

作品さくひんを見てみよう。

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

1. スプリクト(ここではネコ)を指定していした場所ばしょに置おくスクリプトがわかるよ。

「スクラッチしよう!1-8 ネコに自分の場所を言わせよう!」 scratch ネコを自分が決めた場所に表示する
ネコが決きめられた場所ばしょに現あらわれる

2. ネコをクリックすると、どこかであらわれるスクリプトがわかるよ。

「スクラッチしよう!1-8 ネコに自分の場所を言わせよう!」 scratch ネコ クリックすると、どこかの場所へ行く
ネコをクリックすると、どこかの場所ばしょへ行いく

3.自分じぶんの座標ざひょう(位置いち)をしゃべるスクリプトがわかるよ。

「スクラッチしよう!1-8 ネコに自分の場所を言わせよう!」 scratch ネコ 自分の場所を言う
ねこが自分じぶんの場所ばしょを言いう

4.背景はいけいを変かえる仕方しかたがわかるよ

「スクラッチしよう!1-8 ネコに自分の場所を言わせよう!」背景を「Xy-grid」にする
背景はいけいを変かえる

スポンサーリンク

スクリプトを見てみよう

スプライトはこれです!

「スクラッチしよう!1-8 ネコに自分の場所を言わせよう!」 scratch スプライト
スプライト
ラッチ先生<br>
ラッチ先生

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

  • 「ネコ」

です。

  • 「スプライト1」を「ネコ」に名前なまえを変かえました。

スクリプトはこれです!

ネコのスクリプト

「スクラッチしよう!1-8 ネコに自分の場所を言わせよう!」 scratch ネコのスクリプト
ネコのスクリプト

背景はこれです!

「スクラッチしよう!1-8 ネコに自分の場所を言わせよう!」 背景 「Xy-grid」
背景はいけい

スポンサーリンク

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

ネコのスクリプト

ネコを 指定した場所に表示するプログラミング

scratch  ネコを「x座標100,y座標100」に表示する
スプライトを決きめた場所ばしょに表あらわせるブロック
「x座標を〇、y座標を〇にする」ブロック
scratch 「x座標を〇、y座標を〇にする」ブロック
「x座標ざひょうを0,y座標ざひょうを0にする」ブロック
  • スプライトの場所ばしょを、x座標ざひょう〇,y座標ざひょう〇の所ところに表示ひょうじする
スプライトを「x座標0、y座標0」に表示する
scratch 「x座標を0,y座標を0にする」ブロックでの ネコの表示
「x座標ざひょうを0、y座標ざひょうを0にする」ブロックのスプリトの場所ばしょ
スプライトを「x座標100、y座標100」に表示する
scratch 「x座標を100,y座標を100にする」ブロックでの ネコの表示
「x座標ざひょうを100,y座標ざひょうを100にする」コードのスプライトの場所ばしょ
スプライトの場所の表し方
  • スプライトの場所ばしょは、x座標ざひょうとy座標ざひょうで表あらわします。
「x座標」は、横の位置を表す(-240~240)
scratch ステージのx座標-240から240
「y座標」は、たての位置を表す(-180~180)
scratch ステージのy座標-180から180
ネコの位置は、x座標は100,y座標は100
ラッチ先生
ラッチ先生

下したの動画どうがでスプライトの場所ばしょとx座標ざひょう・y座標ざひょうの見方みかたを表あらわしました。
もしよろしければ参考さんこうに見みてね

スポンサーリンク

ネコをクリックすると どこかの場所へ行くプログラミング

「スクラッチしよう!1-8 ネコに自分の場所を言わせよう!」scratch  ネコをクリックするとどこかへ行くスクリプト
ネコをクリックすると、どこかの場所ばしょへ行いくスクリプト

ネコが 自分の位置を言うプログラミング

「スクラッチしよう!1-8 ネコに自分の場所を言わせよう!」scratch  ネコが自分の位置を言うスクリプト
ネコが自分じぶんの場所ばしょを言いうコード
「x座標」ブロック
「x座標ざひょう」ブロック
  • スプライトのx 座標ざひょう( 横よこの位置いち)を 知しらせます。
scratch 「x座標」ブロックの役目
「このスプライトが押おされたとき」ブロックの役目やくめ
ステージに、スプライトのx座標を表示するやり方
  • 「x座標ざひょう」にチェックマークをつける
scratch 「コード」タブの中にある「x座標」をクリックする
「x座標ざひょう」にチェックする
  • スプライトのx座標ざひょうが表示ひょうじされる
scratch ステージにスプライトのx座標が表示される
スプライトのx座標ざひょうが表示ひょうじされる
「y座標」ブロック
  • スプライトのy 座標ざひょう(縦たての位置いち)を 知しらせます。
scratch 「y座標」ブロックの役目
「このスプライトが押おされたとき」ブロックの役目やくめ
ステージに、スプライトのy座標を表示するやり方
  • 「y座標ざひょう」にチェックマークをつける
scratch 「コード」タブの中にある「y座標」をクリックする
「y座標ざひょう」にチェックする
  • スプライトのy座標ざひょうが表示ひょうじされる
scratch ステージにスプライトのy座標が表示される
スプライトのy座標ざひょうが表示ひょうじされる

スポンサーリンク

「x座標」「y座標」ブロックに言葉を入れたい時は

スック
スック

ねえねえ、

scratch 「xはとx座標」ブロック
「xはx座標ざひょう」ブロック

って、どういうこと?

ラッチ先生
ラッチ先生

そうだよね。なかなかむずかしいよね!

この「x座標ざひょう」ブロックは、

スプライトのx座標ざひょう(横よこの位置いち)の数字すうじを知しらせるものなんだよね。

もし、このブロックだけを「〇と2秒びょう言いう」ブロックに入いれると

scratch 「x座標と2秒言う」ブロック
「x座標ざひょうと2秒びょう言いう」ブロック
scratch ネコが100と言う
スプライトは、「100」と2秒びょう言いう
ラッチ先生
ラッチ先生

ネコは「100」しか言いわないんだよね。

スック
スック

あっ、そうだね!

「100」と言われても、

「なにが100なんだろう?」って思おもっちゃうよね。

ラッチ先生
ラッチ先生

そうなんだ!

だから、ここに「x座標ざひょうが100だよ」と知しらせたいよね。

このコードに、「xは」という言葉ことばをつけたい。

scratch 「x座標と2秒言う」ブロック
「x座標ざひょうと2秒びょう言いう」コード

しかし、「xは」という言葉ことばが上うえのブロックにつけられないんだ!

スック
スック

うん、うん!

そう、そう!

ラッチ先生
ラッチ先生

そういうときは、「演算えんざん」の「りんごとバナナ」ブロックを使つかおう!

scratch 「りんごとバナナ」ブロック
「りんごとバナナ」ブロック
スック
スック

りんごとバナナ・・・?

ラッチ先生
ラッチ先生

1,「りんごとバナナ」ブロックに「x座標ざひょう」のブロック入いれよう。

scratch 「りんごとx座標」ブロック
「りんごとx座標ざひょう」ブロック

2,「リンゴ」と書かかれている所ところに、「xは」と入力にゅうりょくするよ。

scratch 「xはとx座標」ブロック
「xはとx座標ざひょう」ブロック

3,そして、「〇と2秒びょう言いう」ブロックにこのブロックを入いれるよ。

scratch 「xはとx座標と2秒言う」ブロック
「xはとx座標ざひょうと2秒びょう言いう」ブロック
scratch ネコが「xは100」と言う
スプライトが「xは100」と2秒びょう言言う
ラッチ先生
ラッチ先生

ほらっ、「xは100」としゃべったよ!

スック
スック

ほんとだ!

これなら、x座標ざひょうが100だってわかるよね!

ラッチ先生
ラッチ先生

y座標ざひょうも同おなじようにプログラミングしよう!

scratch 「yはy座標と2秒言う」ブロック
「yはとy座標ざひょうと2秒びょう言いう」ブロック
scratch ネコが「yは100」と言う
スプライトが「yは100」と2秒びょう言いう
ラッチ先生
ラッチ先生

ほらっ、「yは100」としゃべったよ!

スック
スック

これで、y座標ざひょうも100だってわかるね!

べんりだね!

「りんごとバナナ」ブロック
scratch 「りんごとバナナ」ブロック
「りんごとバナナ」ブロック
  • ブロックに、「文字」をつけたすことができる。
scratch 「xはx座標」ブロック
「xはx座標ざひょう」ブロック
scratch 「xはx座標と2秒言う」ブロック
「xはx座標ざひょうと2秒びょう言いう」ブロック
scratch x座標100,y座標100のネコが「xは100」と言う
「xはとx座標ざひょうと2秒びょう言いう」ブロックの役目やくめ

スポンサーリンク

背景を変える

背景を変える方法

1,「ステージ」下したの「背景はいけいを選えらぶ」をクリックする

scratch 「背景を選ぶ」をクリックする
「背景はいけいを選えらぶ」をクリック

2,「背景はいけいの図ず」を選えらんでクリックする

scratch 背景の図を選ぶ
選えらんだ背景はいけいの図ずをクリック

3、「ステージ」に「背景はいけいの図ず(Xy-grid)」が入はいる

scratch 「ステージ」の下に選んだ背景が表示される
「ステージ」の下したに選えらんだ背景はいけいの図ずが表示ひょうじされる

4、「背景はいけいの図ず(Xy-grid)」が、表示ひょうじされる

scratch ステージに背景「Xy-gid」の図が表示される
「ステージ」に選えらんだ背景はいけいの図ずが表示ひょうじされる

スポンサーリンク

まとめ

ラッチ先生
ラッチ先生

今日きょうは、

「x 座標ざひょうを〇、y 座標ざひょうを〇にする」ブロックを使つかって、

ネコを好きなところにあらわせるプログラミングを学まなびました。

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

ラッチ先生
ラッチ先生

スプライトを自分じぶんの好すきなところにあらわせるのは、このコード!

scratch 「x座標を0、y座標0にする」ブロック
「x座標ざひょうを〇、y座標ざひょうを〇にする」ブロック
スック
スック

うん。

ラッチ先生
ラッチ先生

スプライトの位置いちは、x座標ざひょうとy座標ざひょうであらわします。

・x座標ざひょうは、横よこの位置いち

・y座標ざひょうは、縦たての位置いち

まず、このことをおぼえよう。

スック
スック

はぁーーい

ラッチ先生
ラッチ先生

x座標ざひょう、y座標ざひょうをおぼえると、

スプライトが自分じぶんの好すきなところにあらわせるので、

作品さくひん作づくりに とても役立やくだちます。

「x座標ざひょうを〇、y座標ざひょうを〇にする」コードを どんどん使つかっていこう。

そうすることで、スプライトの座標ざひょうもだんだんとおぼえていくようになるよ。

じゃあ、また!!

スック
スック

まったねえーーー!

(@^^)/~~~

スポンサーリンク


ラッチ先生
ラッチ先生

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

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

ここで 学まなべます

ラッチ先生
ラッチ先生

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

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

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

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

ラッチ先生
ラッチ先生

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

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

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

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

スック
スック

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

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

ラッチ先生
ラッチ先生

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

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

コメント