「教育機関・プログラミング教室向け」プログラミング学習教材を販売中です!
当ブログだけのオリジナルプログラミング学習教材「0から始めるスクラッチ(Scratch)入門販売中!
この教材はこんな人におススメ!
今からプログラミング教室を開業したいけど、いい学習教材が見つからない
「解説動画」、「確認テスト」、「フィードバック用ワークシート」がついている学習教材を探している
小さい子どもでも、スクラッチ(Scratch)を体系的に学べる学習教材を探している
一人で大勢を教えることができる学習教材を探している
オフライン環境でも使える学習教材を探している
詳しい説明は↓をクリック!
 
 
 

おっす!
オラはみんなにスクラッチ(Scratch)おしえるためにやってきた「きんた・まりす」だぞ。
まりす」ってんでくれたらうれしいぞ。
今回こんかいは「スプライトリスト」について説明せつめいするぞ。
できるだけ簡単かんたん説明せつめいするから最後さいごまでちゃんとんで理解りかいするんだぞ。
レッツ・スクラッチだぞ!
きんた・まりす
スポンサーリンク

1.「スプライトリスト」とは

 

スプライトリスト」とは、した画像がぞうでいうとあか四角しかくかこわれているところのことだぞ。スプライトリスト1-min

 

 

 

ここにはプロジェクトで使用しようしている「スプライト」の一覧いちらんと、今選択いませんたくされている「スプライト」のくわしい情報じょうほう背景はいけい情報じょうほうなどが表示ひょうじされているんだぞ。

「スプライト」のくわしい情報じょうほうりたくなったら、「スプライトリスト」をればすぐわかるぞ。

 

 

2.「スプライトリスト」の詳しい説明

 

ここからは、「スプライトリスト」に表示ひょうじされている各項目かくこうもくについて説明せつめいしていくぞ。

※もしむずかしい言葉ことばがあったら大人おとなひとくんだぞ。言葉の意味いみからないまま説明せつめいむのはよくないんだぞ。

 

①「スプライト名」

まずは、した画像がぞうの①から説明せつめいするぞ。

spritelist2-min

ここは「スプライト」の名前なまえ表示ひょうじされるところだぞ。

いまは「スプライト1」という名前が表示されているぞ。

 

じつは、「スプライト」の名前は簡単かんたんえることができるんだぞ。

変えかたは名前のところをクリックして、もとの名前を削除さくじょしたあとに、きな名前を入力にゅうりょくするだけだぞ。

した画像がぞうをクリックすると、わかりやすいぞ。)

spritelist_gif1

 

②「x座標」の位置

つぎした画像がぞう②の説明せつめいだぞ。

spritelist3-min

ここには、「スプライト」のよこ位置いちあらわす「x座標エックスざひょう」が表示ひょうじされるぞ。

座標ざひょうについての説明せつめいは↓の記事きじでやっているぞ。座標のことがわからないひとはぜひてほしいぞ。

 

いまは「ステージ」のちょうどなかにいるかる「0」が表示ひょうじされているけど、

ここの数字すうじえるとよこ位置いちきな位置いちえることができるぞ。

した画像がぞうをクリックするとわかりやすいぞ)

spritelist_gif2

 

③「y座標」の位置

次は下の画像③の説明だぞ。

spritelist4-min

ここには、「スプライト」のたて位置いちあらわす「y座標ざひょう」が表示ひょうじされるぞ。

座標ざひょうについての説明せつめいは↓の記事きじでやっているぞ。座標ざひょうのことがわからないひとはぜひてほしいぞ。

 

いまは「ステージ」のちょうどなかにいるかる「0」が表示ひょうじされているけど、

ここの数字すうじえるとたて位置いちきな位置いちえることができるぞ。

した画像がぞうをクリックするとわかりやすいぞ)

spritelist_gif3

 

④「スプライト」の表示・非表示切り替え

つぎした画像がぞう④の説明せつめいだぞ。

spritelist5-min

ここは、「スプライト」を表示ひょうじするかしないかを設定せっていできるところだぞ。

いま左側ひだりがわのマークが青色あおいろになっているから「ステージ」に「スプライト」が表示されているけど、

右側みぎがわのマークをクリックすると、左側のマークが青色になって「スプライト」が表示されなくなるんだぞ。

このことをすこむずかしい言葉ことばで「表示ひょうじ非表示切ひひょうじきえ」ってうんだぞ。

した画像がぞうをクリックしてるとわかりやすいぞ)

spritelist_gif4

 

⑤「大きさ」

つぎした画像がぞう⑤の説明せつめいだぞ。

spritelist6-min

ここには「スプライト」のおおきさが表示ひょうじされているぞ。

最初さいしょ、大きさは「100」になっているけど、

クリックすると大きさを自由じゆうえることができるぞ。

面白おもしろいからみんなもおおきさを変えてみるといいぞ。

(大きさの変えかたした画像がぞうをクリックするとわかりやすいぞ)

spritelist_gif5

 

⑥「向き」

つぎした画像がぞう⑥の説明せつめいだぞ。

spritelist7-min

ここには「スプライト」の向きが表示されるぞ。

最初さいしょきは「90」を向いているけど、

クリックすると自由じゆうに向きをえることができるぞ。

した画像がぞうをクリックしてるとわかりやすいぞ)

spritelist_gif6

 

また、ここでは「スプライト」の回転かいてん種類しゅるいを変えることもできるぞ。

回転の種類には「自由じゆうに回転」、「左右さゆうのみ」、「回転しない」の3種類あって、

えるには、それぞれ対応たいおうしたマークをクリックすればいいんだぞ。

したにそれぞれの回転がどんなものかが一目ひとめかる画像がぞう用意よういしたので、クリックしててみてほしいぞ)

「自由に回転」れい

spritelist_gif7

「左右のみ」れい

spritelist_gif8

「回転しない」れい

spritelist_gif9

 

 

⑦「背景」

つぎした画像がぞうの⑦の説明せつめいだぞ。スプライトリスト2--min

 

ここには、いまの「背景はいけい」と「背景はいけい」のかず表示ひょうじされているぞ。

ちいさい四角しかくいまの「背景はいけい」で、そのした数字すうじが「背景はいけい」のかずとなっているぞ。

スプライトリスト3-min

うえ画像がぞうは、ためしに「背景はいけい」をえてみたれいだぞ。

 

ちいさい四角しかくいまの「背景はいけい」となっていて、「背景はいけい」をえたことによって「背景はいけい」のかずえたので、数字すうじも「1」から「2」になっているぞ。

 

 

⑧「スプライト追加メニュー」

 

 

つぎした画像がぞうの⑧の説明せつめいだぞ。

スプライトリスト4-min

 

 

「スプライト追加ついかメニュー」は、ネコのかおかれているアイコンにマウスのポインターをわせると表示ひょうじされるぞ。

スプライトリスト5-min

 

 

「スプライトをえらぶ」

 

「スプライトをえらぶ」からは、「スクラッチ」で元々用意もともとよういされている画像がぞうからえらんで「スプライト」を追加ついかすることができるぞ。

スプライトリスト6-min

 

 

実際じっさいに、「スプライトをえらぶ」から「スプライト」を追加ついかするには、ネコのかおかれているアイコンをクリックするか、虫眼鏡むしめがねかれているアイコンをクリックすることで追加ついかできるぞ。

どのアイコンをクリックしてもおな意味いみなので、どっちをクリックしても大丈夫だいじょうぶだぞ。

 

スプライトリスト7-minスプライトリスト8-min

 

 

 

 

実際じっさい追加ついかしてみたれいたい場合ばあいは、した画像がぞうをクリックしてほしいぞ。

 

スプライトを追加するからスプライトを追加した例

 

 

く」

 

 

く」からは、自分じぶんいたを「スプライト」として追加ついかすることができるぞ。

スプライトリスト9-min

 

 

く」をクリックすると、まず、なにかれていない「スプライト」が追加ついかされるぞ。スプライトリスト10-min

 

 

 

そのあとに、「ペイントエディター」から自分じぶんくことで、いたが「スプライト」として使つかえるようになるんだぞ。

(「ペイントエディター」の使つかかたについては、べつ記事きじ紹介しょうかいするぞ)スプライトリスト11-min

 

 

 

 

「サプライズ」

 

 

「サプライズ」からは、「スクラッチ」で用意よういされている「スプライト」のなかからランダムで1つ「スプライト」を追加ついかすることができるぞ。スプライトリスト12-min

 

 

 

実際じっさい追加ついかしてみたれいたい場合ばあいは、した画像がぞうをクリックしてほしいぞ。

 

サプライズからスプライトを追加した例

 

 

「スプライトをアップロード」

 

「スプライトをアップロード」からは、自分じぶんのパソコンにはいっている画像がぞうファイルを、「スプライト」として使つかうことができるぞ。スプライトリスト13-min

 

 

 

実際じっさい追加ついかしてみたれいたい場合ばあいは、した画像がぞうをクリックしてほしいぞ。

スプライトをアップロードからスプライトを追加した例

 

 

⑨「背景追加メニュー」

 

 

つぎした画像がぞうの⑨の説明せつめいだぞ。

スプライトリスト14-min

 

 

背景はいけい追加ついかメニュー」は、下画像したがぞうあか四角しかくかこわれているアイコンにマウスのポインターをわせると表示ひょうじされるぞ。スプライトリスト15-min

 

 

 

背景はいけいえらぶ」

 

背景はいけいえらぶ」からは、「スクラッチ」で元々用意もともとよういされている画像がぞうからえらんで「背景はいけい」を追加ついかすることができるぞ。

スプライトリスト16-min

 

 

 

実際じっさいに、「背景はいけいえらぶ」から「背景はいけい」を追加ついかするには、あかまるかこわれているアイコンをクリックするか、虫眼鏡むしめがねかれているアイコンをクリックすることで追加ついかできるぞ。

どのアイコンをクリックしてもおな意味いみなので、どっちをクリックしても大丈夫だいじょうぶだぞ。

 

スプライトリスト17-min

スプライトリスト18-min

 

 

 

実際じっさい追加ついかしてみたれいたい場合ばあいは、した画像がぞうをクリックしてほしいぞ。

背景を選ぶから背景を追加した例

 

 

 

く」

 

 

く」からは、自分じぶんいたを「背景はいけい」として追加ついかすることができるぞ。

 

スプライトリスト19-min

 

 

く」をクリックすると、まず、なにかれていない「背景はいけい」が追加ついかされるぞ。

スプライトリスト20-min

 

 

 

そのあとに、「ペイントエディター」から自分じぶんくことで、いたが「背景はいけい」として使つかえるようになるんだぞ。

(「ペイントエディター」の使つかかたについては、べつ記事きじ紹介しょうかいするぞ)

スプライトリスト21-min

 

 

 

「サプライズ」

 

 

「サプライズ」からは、「スクラッチ」で用意よういされている「背景はいけい」のなかからランダムで1つ「背景はいけい」を追加ついかすることができるぞ。

スプライトリスト22-min

 

 

 

実際じっさい追加ついかしてみたれいたい場合ばあいは、した画像がぞうをクリックしてほしいぞ。

サプライズから背景を追加した例

 

 

 

 

「背景をアップロード」

 

背景はいけいをアップロード」からは、自分じぶんのパソコンにはいっている画像がぞうファイルを、「背景はいけい」として使つかうことができるぞ。

スプライトリスト23-min

 

 

 

実際じっさい追加ついかしてみたれいたい場合ばあいは、した画像がぞうをクリックしてほしいぞ。

背景をアップロードから背景を追加した例

 

 

Tips

背景はいけい」としてアップロードする画像がぞうは、おおきさに注意ちゅうい必要ひつようだぞ。

「スクラッチ」の「ステージ」のおおきさは、よこが「480」で、たてが「360」だから、アップロードする画像がぞうおおきさも「ステージ」とおなじ、よこが「480」で、たてが「360」にしないとピッタシにならないんだぞ。

スプライトリスト24-min

 

 

 

 

3.まとめ

最後さいごにまとめるぞ!

 

・「スプライトリスト」では、プロジェクトで使用しようしている「スプライト」の一覧いちらん今選択いませんたくされている「スプライト」のくわしい情報じょうほう確認かくにんできる

 

これで「スプライトリスト」についてはバッチリだぞ!

それじゃまたな!

 

 

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

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

 

 

 

「教育機関・プログラミング教室向け」プログラミング学習教材を販売中です!
当ブログだけのオリジナルプログラミング学習教材「0から始めるスクラッチ(Scratch)入門販売中!
この教材はこんな人におススメ!
今からプログラミング教室を開業したいけど、いい学習教材が見つからない
「解説動画」、「確認テスト」、「フィードバック用ワークシート」がついている学習教材を探している
小さい子どもでも、スクラッチ(Scratch)を体系的に学べる学習教材を探している
一人で大勢を教えることができる学習教材を探している
オフライン環境でも使える学習教材を探している
詳しい説明は↓をクリック!
スポンサーリンク
おすすめの記事