![[Diver]GIFアニメの再生を制御するjQueryプラグイン「gifffer」をワードプレスに導入！](https://ukonn.net/wp-content/uploads/2018/11/BO151030385007_TP_V4-177x300.jpg)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「背景」についての説明](https://ukonn.net/wp-content/uploads/2019/05/背景について-eyecatch-min.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「背景」についての説明](https://ukonn.net/wp-content/uploads/2019/06/プログラミング教材販売ページ-eyecatch-min-150x150.png)
オラはみんなにスクラッチ（Scratch）を教えるためにやってきた「きんた・まりす」だぞ。
「まりす」って呼んでくれたらうれしいぞ。
今回は「スクラッチ」の「背景」について説明するぞ。
できるだけ簡単に説明するから最後までちゃんと読んで理解するんだぞ。
レッツ・スクラッチだぞ！
この記事の目次
１．「背景」について
スクラッチの「背景」とは、「ステージ」に設定することができる絵のことだぞ。
簡単に考えると、「背景」は「スプライトのコスチューム」みたいなものだぞ。
スクラッチの初期画面では、真っ白な「背景」が設定されているけど、
新しく「背景」を追加すると、真っ白な「背景」から変わったのが分かると思うぞ。
今ある「背景」を確認する方法は、↓画像の赤枠部分をクリックした後、
「背景タブ」をクリックすると確認できるぞ！
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「背景」についての説明](https://ukonn.net/wp-content/uploads/2018/11/spritelist8-min-150x150.png){kind=icon}
２．「背景番号」、「背景名」、「背景サイズ」について
「背景」には、「背景番号」、「背景名」、「背景サイズ」があり、「背景タブ」から確認できるぞ。
・「背景番号」
「背景番号」とは、「背景」についている番号のことだぞ。
↓画像だと赤マルで囲われている部分のことだぞ。
「背景番号」は「1」から順番よくつけられていくことを覚えておくと、プログラミングするときに役立つぞ。。
・「背景名」
「背景名」とは、「背景」についている名前のことだぞ。
↓画像だと赤い四角で囲われている部分のことだぞ。
「背景名」は、変更したい「背景」を選択した後、↓画像の赤い枠で囲われている部分をクリックすることで変えることができるぞ。
・「背景サイズ」
「背景サイズ」とは、「背景」の大きさのことだぞ。
↓画像だと赤い四角で囲われている部分のことだぞ。
「背景サイズ」は「480×360」だと、最初の「480」が横の大きさで、次の「360」が縦の大きさだぞ。
「スクラッチ」で元々用意されている「背景」の大きさは、「ステージ」と同じ「480×360」だけど、自分で用意した「背景」を使う場合はサイズに注意が必要だぞ。
もし、自分で用意した「背景」のサイズが「480×360」より大きかったり小さかったりした場合、「ステージ」の大きさと合わずにズレて表示されたりする場合があるぞ。
そんな時は、「背景」に使う画像の大きさを調節するか、別の画像を使うしかないぞ。
３．「背景」の追加方法について
「背景」の追加方法についてはこの記事の「⑨背景追加メニュー」で説明しているぞ。
４．「背景」で使えるブロックについて
「スクラッチ」では、「スプライト」だけでなく「背景」に対してもプログラムすることができるぞ。
「背景」に対してプログラムしたい場合は、↓画像の赤い四角で囲われているところをクリックして「背景」を選択すればできるぞ。
「背景」で使えるブロックは、「スプライト」で使えるブロックとは少し違っていて、「動きブロック」がなかったり、「背景」でしか使えないブロックがあったりするぞ。
もしよかったら、実際に「背景」に対してプログラミングしてみてほしいぞ！
↓スクラッチ3.0はこちらをクリック
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「背景」についての説明](https://ukonn.net/wp-content/uploads/2019/04/スクラッチの記事まとめ-eyecatch2-min-150x150.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「左に15度回すブロック」の使い方](https://ukonn.net/wp-content/uploads/2018/11/kintamaurisu_turn15left_eyeCatch-min-150x150.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「ブロックの形」の説明](https://ukonn.net/wp-content/uploads/2018/12/block-eyecatch-min-150x150.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「バグ」についての説明](https://ukonn.net/wp-content/uploads/2019/02/バグについて-eyecatch-150x150.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「変数ブロック」の使い方まとめ](https://ukonn.net/wp-content/uploads/2019/03/変数ブロックの使い方まとめ-eyecatch-min-150x150.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「～と～秒考える」ブロックの使い方](https://ukonn.net/wp-content/uploads/2019/03/～と～秒考えるブロック-eyecatch-min-150x150.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「x座標を～ずつ変える」ブロックの使い方](https://ukonn.net/wp-content/uploads/2018/12/x座標を～ずつ変えるブロック-eyecatch-min-150x150.png)
![[blender]絵が描けない俺流髪の毛テクスチャの書き方(ハードモード)](https://ukonn.net/wp-content/uploads/2021/06/hair-texture-1024x576.jpg)
![[blender]絵が描けない俺が作る肌テクスチャ作成方法（備忘録）](https://ukonn.net/wp-content/uploads/2021/06/body08-1024x1024.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「表示する」ブロックの使い方](https://ukonn.net/wp-content/uploads/2019/09/表示するブロック-eyecatch-min-300x300.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「隠す」ブロックの使い方](https://ukonn.net/wp-content/uploads/2019/09/隠すブロック-eyecatch-min-300x300.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「～の効果を～にする」ブロックの使い方](https://ukonn.net/wp-content/uploads/2019/09/～の効果を～にするブロック-eyecatch-min-300x300.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「～の効果を～ずつ変える」ブロックの使い方](https://ukonn.net/wp-content/uploads/2019/07/～の効果を～ずつ変えるブロック-eyecatch-min-300x300.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「画像効果をなくす」ブロックの使い方](https://ukonn.net/wp-content/uploads/2019/08/画像効果をなくすブロック-eyecatch-min-300x300.png)
![[Scratch3.0]スクラッチで学ぶプログラミング入門 「大きさを～％にする」ブロックの使い方](https://ukonn.net/wp-content/uploads/2019/07/大きさを～％にするブロック-eyecatch-min-300x300.png)
