[Scratch3.0]スクラッチで学ぶプログラミング入門　「座標」の説明

 
 

 
 
 

１．「座標」とは

 

「スクラッチ」では、「スプライト」が「ステージ」のどの位置いちにいるかを「座標ざひょう」というものを使つかって表あらわしているんだぞ。

「座標」には、横よこの位置いちを表す「x座標エックスざひょう」と、縦たての位置いちを表あらわす「y座標ワイざひょう」があるんだぞ。

「座標」は数字すうじで表あらわされていて、この「x座標」と「y座標」の組くみ合あわせで「スプライト」が「ステージ」のどこにいるかを表現ひょうげんするんだぞ。

 

今は「座標ざひょう」がどんなものかイメージできないと思おもうけど、この記事きじを最後さいごまで読よめば、きっと「座標」について理解りかいできるはずだぞ！

ちょうど「スクラッチ」には「Xy-grid」という、座標が分わかりやすい背景はいけいが用意よういされているので、この背景を使つかって説明せつめいしていくぞ。

 

横の位置を表す「x座標」について

まずは、横よこの位置いちを表あらわす「x座標エックスざひょう」について説明せつめいするぞ。

もう一度下いちどしたの画像がぞうを見みてほしいぞ。

真まん中なかに黒くろい点てんがあるぞ。この点は「ステージ」の真ん中を表あらわしているんだぞ。

そして、点の横よこに（Xエックス:0,Yワイ:0）と書かかれているのは、「x座標エックスざひょう」と「y座標ワイざひょう」がそれぞれ「０」であることを表あらわしているぞ。

つまり、「ステージ」の真ん中の「x座標」は「０」ということだぞ。

 

横よこの位置いちを表あらわす「x座標」は、真ん中の「０」から右みぎへ行いくほど数字すうじが大おおきくなっていくぞ。

（下したの画像がぞうをクリックするとわかりやすいぞ）

 

ここで一ひとつ気きを付つけてほしいのが「x座標エックスざひょう」は横の位置しか表あらわさないことだぞ。

だから、下の画像のように縦たての位置いちがどこにいても「x座標」は変かわらないんだぞ。

 

こんどは逆ぎゃくに真まん中なかから左ひだりに行いくとどうなるかを見みてみるぞ。

（下したの画像がぞうをクリックだぞ）

 

右みぎに行いく時ときと同おなじくどんどん数字すうじが大おおきくなっているけど、数字すうじの横よこに「-（マイナス）」がついているぞ。

これは「-（マイナス）」って読よむんだぞ。

「-（マイナス）」は「０」より小ちいさい数かずって意味いみがあるんだけど、今いまはそんなに難むずかしく考かんがえなくても大丈夫だいじょうぶだぞ。

ただ、真まん中なかより左ひだりに行いくと、「x座標エックスざひょう」の数字すうじには「-（マイナス）」がつくってことだけ覚おぼえておけばいいぞ！

 

後一あとひとつ覚えておいてほしいのが、「ステージ」上じょうでの「x座標」の一番右いちばんみぎの値あたいと一番左いちばんひだりの値あたいについてだぞ。

「ステージ」上での「x座標」の一番右の値は「240」だぞ。

（↓画像がぞうの赤あかい点てんをみてほしいぞ）

 

逆ぎゃくに「ステージ」上じょうでの「x座標エックスざひょう」の一番左いちばんひだりの値あたいは「-240」だぞ。

（↓画像の赤い点をみてほしいぞ）

 

でもこの一番右の値と一番左の値はあくまで「ステージ」上での話はなしなんだぞ。

実じつは、「ステージ」の外側そとがわを考かんがえると「x座標」の値あたいはもっと大おおきくなるんだぞ。

今いまこの話はなしをすると混乱こんらんしてしまうと思おもうので、また別べつの機会きかいにするぞ。

今は、「x座標」の一番右の値は「240」で、一番左の値が「-240」だと覚おぼえておいてほしいぞ。

 

縦の位置を表す「y座標」について

次つぎは、縦たての位置いちを表あらわす「y座標ワイざひょう」について説明せつめいするぞ。

もう一度下いちどしたの画像がぞうを見みてほしいぞ。

またまた真まん中なかの黒くろい点てんに注目ちゅうもくだぞ。

さっきも言いったけどこの点てんは「ステージ」の真ん中を表していて、点の横よこの（Xエックス:0,Yワイ:0）とか書かかれているのは、

「x座標エックスざひょう」と「y座標ワイざひょう」がそれぞれ「０」であることを表あらわしているぞ。

つまり、「ステージ」の真ん中の「y座標」は「０」ということだぞ。

 

縦たての位置いちを表あらわす「y座標」は、真まん中なかの「０」から上うえへ行いくほど数字すうじが大おおきくなっていくぞ。

（下したの画像がぞうをクリックするとわかりやすいぞ）

 

ここで一ひとつ気きを付つけてほしいのが「y座標ワイざひょう」は縦たての位置いちしか表あらわさないことだぞ。

だから、下したの画像がぞうのように横よこの位置いちがどこにいても「y座標」は変かわらないんだぞ。

 

こんどは逆ぎゃくに真まん中なかから下したに行いくとどうなるかを見みてみるぞ。

（下の画像をクリックしてみてほしいぞ）

 

上うえに行いく時ときと同おなじくどんどん数字すうじが大おおきくなっているけど、またまた数字すうじの横よこに「-（マイナス）」がついているぞ。

これも難むずかしく考かんがえなくても大丈夫だいじょうぶ。

ただ、真まん中なかより下したに行いくと、「y座標ワイざひょう」の数字すうじには「-（マイナス）」がつくってことだけ覚おぼえておけばいいぞ！

 

後一あとひとつ覚おぼえておいてほしいのが、「ステージ」上じょうでの「y座標」の一番上いちばんうえの値あたいと一番下いちばんしたの値あたいについてだぞ。

「ステージ」上での「y座標」の一番上の値は「180」だぞ。

（↓画像がぞうの赤あかい点てんをみてほしいぞ）

 

逆ぎゃくに「ステージ」上じょうでの「y座標」の一番下の値は「-180」だぞ。

（↓画像の赤い点をみてほしいぞ）

 

「y座標ワイざひょう」も「ステージ」の外側そとがわを考かんがえると、もっと大おおきな数字すうじになるんだけど、さっきも言いったようにこの話はなしはまた今度こんどだぞ。

今は「y座標」の一番上いちばんうえの値あたいは「180」で、一番下いちばんしたの値あたいが「-180」だと覚おぼえておいてほしいぞ。

 

 

２．「x座標」と「y座標」の組み合わせで「スプライト」の位置が決まる！

これまでの説明せつめいで、「スプライト」が「ステージ」のどの位置いちにいるかを表あらわすのが「座標ざひょう」で、

「座標」には横よこの位置いちを表す「x座標エックスざひょう」と、縦たての位置いちを表す「y座標ワイざひょう」があるということが分わかったと思おもうぞ。

 

今度こんどはいくつか例れいを見みながら、「座標」について理解りかいを深ふかめていくぞ！

 

一つ目の例

一ひとつ目めの例れいは、↓の画像がぞうの赤あかい点てんの「座標ざひょう」は何なんなのか考かんがえてほしいぞ。

コツとしては、まず「x座標エックスざひょう」が何なんなのかを考かんがえた後あと、「y座標ワイざひょう」を考かんがえるんだぞ。

ということでまずは「x座標」を見るぞ。

 

赤あかい点てんの「x座標」が何なんなのかは、オレンジ色いろの横線よこせんを見みれば分わかるぞ。

横線の下したには「100」や「200」など、数字すうじが書かかれているんだけど、

この数字は「x座標」が何なんなのかを表あらわした数字なんだぞ。

 

赤い点はちょうど「100」の場所ばしょにあるぞ。

このことから赤い点の「x座標」は「100」だということがわかるぞ。

 

次は「y座標ワイざひょう」を考えるぞ。

「y座標」が何なんなのかは、青色あおいろの縦線たてせんを見みれば分わかるぞ。

縦線の横よこにも「100」や「-100」などの数字すうじが書かかれているぞ。

この数字すうじは「y座標」が何なんなのかを表あらわした数字すうじとなっているんだぞ。

 

赤あかい点てんはちょうど「y座標」が「0」の場所ばしょにあるぞ。

このことから赤い点の「y座標」は「0」だということがわかるぞ。

 

まとめると、赤い点の「座標ざひょう」は、

「x座標：100、y座標：0」となるぞ。

 

二つ目の例

どんどんいくぞ！

二ふたつ目めの例れいは↓の画像がぞうだぞ。

赤あかい点てんの「座標ざひょう」を考かんがえるぞ。

まずは横よこの位置いちを表あらわす「x座標エックスざひょう」だぞ。

赤い点の「x座標」はちょうど「200」の位置いちにあるぞ。

このことから「x座標」は「200」だとわかるぞ。

 

次つぎは「y座標ワイざひょう」の番ばんだぞ。

赤い点の「y座標」はちょうど「100」の位置にあるぞ。

このことから「y座標」は「100」とわかるぞ。

 

まとめると、赤い点の「座標」は、

「x座標：200、y座標：100」となるぞ。

 

三つ目の例

ここから少すこし難むずかしくなるぞ！

三みっつ目めの例れいは↓の画像がぞうだぞ。

赤あかい点てんの座標ざひょうを考かんがえるぞ。

まずは横の位置を表す「x座標」だぞ。

赤い点の「x座標」はちょうど「-マイナス100」の位置にあるぞ。

このことから「x座標」は「-100」だとわかるぞ。

 

次つぎは「y座標ワイざひょう」の番ばんだぞ。

赤い点の「y座標」はさっきと同おなじでちょうど「100」の位置にあるぞ。

このことから「y座標」は「100」とわかるぞ。

 

まとめると、赤い点の「座標」は、

「x座標：-100、y座標：100」となるぞ。

 

四つ目の例

そろそろ「座標ざひょう」を考かんがえるのは慣なれてきたかな？

四よっつ目めの例れいは↓の画像がぞうだぞ。

こんどの赤あかい点てんの「座標」はなんだか分わかるかな？

まずは「x座標エックスざひょう」から考かんがえるぞ。

赤い点の「x座標」は「ステージ」の一番左いちばんひだりにあるぞ。

「ステージ」の一番左の「x座標」は「-240」だったから、「x座標」は「-240」となるぞ。

 

次は「y座標ワイざひょう」はだぞ。

赤い点の「y座標」は「ステージ」の一番下いちばんしたにあるぞ。

「ステージ」の一番下の「y座標」は「-180」だったから、「y座標」は「-180」となるぞ。

 

まとめると赤い点の「座標」は、

「 x座標：-240、y座標：-180」となるぞ。

 

 

今出いまだした四よっつの例れいが全部分ぜんぶわかった人ひとは、「座標ざひょう」についてはバッチリだと思おもうぞ！

もし分わからない例れいがあったら、周まわりの大人おとなや先生せんせいに聞きいて、ちゃんと理解りかいすることが大切たいせつだぞ！

 

 

３．座標の調べ方

 

「座標ざひょう」について理解りかいしたところで、こんどは「座標」の調しらべ方かたについて説明せつめいするぞ。

調べ方は２つあるぞ。

 

１．「スプライトリスト」を見る

１つめの調しらべ方かたは、「スプライトリスト」を見みることだぞ。

↑図ずのように、「スプライトリスト」には「スプライト」の「x座標エックスざひょう」と「y座標ワイざひょう」が表示ひょうじされるんだぞ。

だから「スプライト」の「座標」が知りたかったら、「スプライトリスト」を見みればすぐわかるんだぞ。

 

２．「x座標」ブロック、「y座標」ブロックを使う

二ふたつ目めの「座標ざひょう」の調しらべ方かたは、「x座標エックスざひょう」ブロックと「y座標ワイざひょう」ブロックを使つかうんだぞ。

「x座標」ブロックと「y座標」ブロックの説明せつめいを簡単かんたんにすると、

「x座標」ブロックには「スプライト」の「x座標」の値あたいが入はいっていて、

「y座標」ブロックには「スプライト」の「y座標」の値が入っているんだぞ。

そして、それぞれ横よこに小ちいさい四角しかくがあるんだぞ。

この小ちいさい四角しかくは「チェックボックス」といって、クリックすると「チェック」を付つけることができるんだぞ。

「x座標エックスざひょう」ブロックと「y座標ワイざひょう」ブロックの「チェックボックス」にクリックして「チェック」を付けると、

「ステージ」に「x座標」ブロックの値あたいと「y座標」ブロックの値が表示ひょうじされるんだぞ。

 

さっきも言いったけど、「x座標」ブロックと「y座標」ブロックにはそれぞれ「x座標」と「y座標」の値が入はいっているんだぞ。

つまり、この２つのブロックの「チェックボックス」に「チェック」を付つけると、「座標ざひょう」を調しらべることができるんだぞ！

 

 

４．まとめ

さいごにまとめだぞ。

 

これで「座標」についてはバッチリだぞ！

もし、「座標」のことを忘わすれてしまったら、またこの記事きじを読よむといいぞ！

それじゃまたな！

 

↓スクラッチ3.0はこちらをクリック

スクラッチ3.0はこちらです