![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
こんにちは!
「スクラッチしよう!楽しく学ぶプログラミング教室」の担任ラッチです。
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_futu-300x300.png)
スックだよ!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
今回は、
カードを
- 横○枚×◇セット に 並べる
プログラミングを 学びます。
![スック](https://scratchsiyou.com/wp-content/uploads/2022/05/sukku_futu-2-300x300.png)
トランプみたいだね。
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
カードを並べるプログラムです。
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横4枚×2セット のスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation7-2.png)
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横4枚×3セット のスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation8-1.png)
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横5枚×3セット のスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation9-1.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_wao-1-300x300.png)
ひぃえぇ…!
「○回繰り返す」ブロックの2重構造…。
![scratch 「○回繰り返す」ブロックの2重構造](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation10.png)
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
わかります。
その気持ち!
大丈夫ですよ。わかりやすく解説していきます。
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_futu-1-300x300.png)
お願いしまぁ~す!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_yes-300x300.png)
いいよぉ~!
それでは、楽しくプログラミングを学んでいきましょう!
今回作るスクラッチの作品は、これっ!
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_futu-300x300.png)
きれいに 並ぶよ!
今回のプログラミングで学ぶことは
1.カードを 横4枚×2セットに並べるスクリプトがわかるよ
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横4枚×2セット 並べる](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation11-1.png)
2.横4枚を1セット増やすときのプログラムの変え方が わかるよ
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横4枚を1セット増やす](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation12-1.png)
3. 横の枚数を1つ増やすときの プログラムの変え方が わかるよ
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch カードを 縦1列増やす](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation13.png)
スクリプトを 見てみよう
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch スプライト](https://scratchsiyou.com/wp-content/uploads/2022/08/image.png)
![ラッチ先生<br>](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
このスクラッチ作品のスプライトは、
- 「カード」
です。
- 「カード」を「スプライト1」で作成、大きさを「80」にしました。
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_futu-300x300.png)
「カード」は、自分で作成するよ。
スプライトの作り方は、こちらの記事にのっています。
スクリプトはこれです!
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch カードのスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation4.png)
プログラミングの仕方を説明します
横に4枚 並べるプログラミング
1.左上の場所を 決める
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch カードを左上に置くスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation17.png)
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
「クローンを作る」ブロックを使って、
![scratch 「クローンを作る」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation18.png)
カードを作ります。
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_futu-300x300.png)
「クローンを作る」ブロックの
![scratch 「クローンを作る」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/06/scratchsiyoutitle1103_explanation23-1.png)
- 使い方
について、こちらの記事に書いてあるよ!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
カードのクローンを作ったら、
「x座標を○ずつ変える」ブロックを使って、
![scratch 「x座標を○ずつ変える」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation19.png)
スプライトの「カード」を 横に移します。
2.クローンを作って、横に移動する
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch カードのクローンを作って横に移動するスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation22.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_are-1-300x300.png)
あっ、
「カード」2枚出てきた!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
スプライトの「カード」と「クローンのカード」の区別をつけるために
○スプライトの「カード」
![](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation23.png)
○「クローンのカード」
![](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation24.png)
色を 変えました。
2.クローンを作って、横に移動する(色別にする)
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch カードのクローンを作って横に移動するスクリプト(色別)](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation26.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_futu-1-300x300.png)
これなら、
「クローンのカード」が はっきりわかるね!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
「○回繰り返す」ブロックを使って
![scratch 「○回繰り返す」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation27.png)
「クローンカード」を4枚並べます。
3.4枚のクローンカードを 並べる
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 4枚のクローンカードを並べるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation30.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_are-1-300x300.png)
あれっ、
スプライトの「カード」が、はみでちゃったよ!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
(* ̄▽ ̄)フフフッ♪…。そうですね。
まあ、ここでは、
横4枚 並べたものを 1セットとします。
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横4枚で1セット](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation32.png)
横に4枚 2セット目を並べるプログラミング
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
横4枚 2セット目を作ります。
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横4枚で2セット](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation34-1.png)
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
まず、
スプライト「カード」を2セット目の左端に 移動させます。
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横4枚で2セット目の左端に移動させる](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation36.png)
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
「x座標を○にする」ブロックで
![scratch 「x座標を○にする」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation37.png)
スプライト「カード」を1セット目の左端に 移動させます。
1.スプライト「カード」を 1セット目の左端に 移動させる
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 1セット目の左端に移動させる](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation39-1.png)
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
次に、
「y座標を○ずつ変える」ブロックで
![scratch 「y座標を○ずつ変える」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation40.png)
スプライト「カード」を2セット目の左端に 移動させます。
2.スプライト「カード」を2セット目の左端に 移動させる
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 2セット目の左端に移動させる](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation42.png)
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
「クローンカード」を 横4枚 並べるプログラムで
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 2セット目4枚並べるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation28.png)
横4枚2セット目を 並べます。
3.2セット目 4枚「クローンカード」を並べる
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 2セット目4枚並べるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation44.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_are-1-300x300.png)
あれっ、また、
スプライトの「カード」が、はみでちゃったよ!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
はい。それでは、
スプライト「カード」を
3セットの左端に 移します。
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 3セットの左端に移す](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation55.png)
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
「x座標を○にする」ブロックで
![scratch 「x座標を○にする」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation37.png)
スプライト「カード」を、2セット目の左端に 移動させます。
4.スプライト「カード」を、2セット目の左端に 移す
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 2セット目の左端に移すブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation57-1.png)
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
「y座標を○ずつ変える」ブロックで
![scratch 「y座標を○ずつ変える」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation40.png)
スプライト「カード」を3セット目の左端に 移動させます。
5.スプライト「カード」を、3セット目の左端に 移す
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 3セット目の左端に移すブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation59.png)
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
「隠す」ブロックで
![](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation45.png)
スプライト「カード」を隠せば、
横4枚 × 2セットに並べることが、完成です。
6. スプライト「カード」を 隠す
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch スプライト「カード」を隠す](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation75.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_futu-1-300x300.png)
なるほどね!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_yes-300x300.png)
おぉ~と、大事なことをいうね。
「隠す」ブロックで、スプライト「カード」を消して 終了すると、
次に緑の旗をクリックしてもの
「カード」が出てこなく、「あれっ?」とあせってしまうよ!
7.次に 緑の旗をクリックしても、何も出てこない
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 次に緑の旗をクリックしても何も出てこない](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation79.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_are-2-300x300.png)
あらっ、ほんとだ。
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_yes-300x300.png)
だから、
「表示する」ブロックを 使って、
![scratch 「表示する」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation76.png)
スプライト「カード」を 復活させてね!
8.隠れた「カード」を 表示する
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 隠れた「カード」を表示する](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation77.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_futu-2-300x300.png)
ちゃんと、出てきたね!
横4枚 ×2セットを並べるプログラミング
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
横4枚 × 2セットを並べるプログラムを見てみよう!
1.左端の場所を 決める
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 左端の場所を決めるブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation17-1.png)
2.カードを4枚並べる
- 横4枚「クローンカード」を 置く(1セット)
- 次のセットの左端の場所に 移す
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横4枚並べて次のセットの左端に移すスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation65.png)
3. カードを4枚並べる
- 横4枚「クローンカード」を 置く(2セット)
- 次のセットの左端の場所に 移す
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横4枚並べて次のセットの左端に移すスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation67.png)
です。
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_are-2-300x300.png)
あっ!
カードを4枚並べるプログラムが、同じだ。
![](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation68.png)
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
そうです。
カードを4枚並べるプログラムを、2回繰り返します。
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_futu-1-300x300.png)
うん、うん。
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
「○回繰り返す」ブロックを使って、
![](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation69.png)
スクリプトを すっきりさせると こうなります。
○カードを横4枚 × 2セット並べるスクリプト
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横4枚×2セット並べるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation71.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_futu-2-300x300.png)
なるほど!
「○回繰り返す」ブロックの2重構造のしくみが、
![scratch 「○回繰り返す」ブロック2重構造](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation10-1.png)
わかってきたぞ!
セット数 や 横の枚数 を変えるプログラミング
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
じつは、このプログラムで、
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横4枚×2セット並べるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation70.png)
セット数 や 横の枚数を自由に 変えられるんだよ。
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_are-2-300x300.png)
えっ、どうやるの?
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_dounaru-1.png)
動画で、
わかりやすく解説します。
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
では、
- セット数を 3セットに増やす
- 横の枚数を 5枚に増やす
- カードが 端にはみ出した時の対策
この3点を動画で説明しますので、見てください。
フリーBGM:DOVA-SYNDROME 午後のカメレオンは星の波動を数え… written by Masuo
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch セット数を変える方法](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation72.png)
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横の枚数を変える方法](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation73.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_ok-1-300x300.png)
ステージで
カードを見ながら かんたんに 並べられるね!
まとめ
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
今回は、
カードを
- 横に○枚 ×◇セット に 並べる
プログラミングを 学びました。
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横4枚かけrう2セットに並べるスクリプト](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation7-3.png)
![スック](https://scratchsiyou.com/wp-content/uploads/2022/06/sukku_futu-300x300.png)
「x座標を○ずつ変える」ブロックで
![scratch 「x座標を○ずつ変える」ブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation19-1.png)
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch 横の幅を変えるブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation26-1.png)
カードの横の幅を変えて、
「y座標を○ずつ変える」ブロックで
![](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation40-1.png)
![「スクラッチしよう!11-05 ゲームの技 カード並べ」 scratch セットの幅を変えるブロック](https://scratchsiyou.com/wp-content/uploads/2022/08/scratchsiyoutitle1105_explanation42-1.png)
カードのセットの幅を 変えるんだね!
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2022/08/ratch_kao_yes-300x300.png)
そのとお~り!
すご~い、スック!
![スック](https://scratchsiyou.com/wp-content/uploads/2022/08/sukku_ok-1-300x300.png)
いや、いや、
てれるなぁ~。
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
このカードを並べるプログラムは、ゲームでいろいろと使えます。
お楽しみにね!
それじゃあ、またっ!
![スック](https://scratchsiyou.com/wp-content/uploads/2021/12/sukku_futu-300x300.png)
まったねえーーー!
(@^^)/~~~
ステップアップドリル
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
「変数」って、なあに?
「変数」ブロックって、どう使うの?
と 思っている方に!
変数ブロックでのプログラミングを 学べるドリルを 作りました
![ラッチ先生](https://scratchsiyou.com/wp-content/uploads/2021/12/ratch_kao_dounaru.png)
「リスト」って、なあに?
「リスト」ブロックって、どう使うの?
と 思っている方はこちら!
リストブロックでのプログラミングを 学べるドリルを 作りました
![スック](https://scratchsiyou.com/wp-content/uploads/2022/01/sukku_futu-300x300.png)
画面を クリックすると
「ステップアップドリル」のサイトへ 行けます!
コメント