この記事では、スクラッチ(Scratch)で「アングリーバード」を作る方法を解説しています。この記事と同じように作ることで、だれでもプログラミングでゲームを作ることができるようになります。
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971-150x150.png)
YouTubeでも同じ内容を解説しているよ!
アングリーバードの遊び方
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971-150x150.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971-150x150.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971-150x150.png)
障害物(こうもり)に当たらないように、的を狙って鳥をとばそう
操作方法
- バードを飛ばす:マウスの左クリックを押しながら反対方向へ引っ張って離す
目次
アングリーバードの作り方①
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
コスチュームをつくっていくよ
- コスチュームの作成
- スタート位置の設定
- アングリーバードを飛ばそう
コスチュームの作成
- 背景に《Blue Sky》を選択
![背景画像](https://harusatoweb.com/wp-content/uploads/2023/10/angry-birds1-1024x628.jpeg)
![背景画像](https://harusatoweb.com/wp-content/uploads/2023/10/angry-birds1-1024x628.jpeg)
- 《スプライト1》を以下のように修正
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
コスチュームの詳しい作り方は下の動画の 0:36 ~ 2:24 をみてね
![スプライト1のコスチューム](https://harusatoweb.com/wp-content/uploads/2023/10/angry-birds2-1024x628.jpeg)
![スプライト1のコスチューム](https://harusatoweb.com/wp-content/uploads/2023/10/angry-birds2-1024x628.jpeg)
- 《スプライト1》に以下のコードを入れる
スタート位置の設定
- スプライト《Story-Y》を選択し、コスチュームを修正
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
コスチュームの詳しい作り方は下の動画の 2:44 ~ 3:40 をみてね
![スプライト1を飛ばすアイテムのコスチューム](https://harusatoweb.com/wp-content/uploads/2023/10/angry-birds4-1024x625.jpeg)
![スプライト1を飛ばすアイテムのコスチューム](https://harusatoweb.com/wp-content/uploads/2023/10/angry-birds4-1024x625.jpeg)
- 《Story-Y》に以下のコードを追加
アングリーバードを飛ばそう
- 《スプライト1》に以下のコードを追加
![スプライト1の残機コード](https://harusatoweb.com/wp-content/uploads/2023/10/angry-birds6.jpeg)
![スプライト1の残機コード](https://harusatoweb.com/wp-content/uploads/2023/10/angry-birds6.jpeg)
- 《スプライト1》に以下のコードを追加
アングリーバード②
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
ギミックをつくっていくよ
- ギミックの追加①
- ギミックの追加②
ギミックの追加①
- 《スプライト1》に以下のコードを追加
- 《スプライト1》に以下のコードを追加
ギミックの追加②
- 《スプライト1》に以下のコードを追加
![スプライト1のゲーム終了判定](https://harusatoweb.com/wp-content/uploads/2023/10/angry-birds10.jpeg)
![スプライト1のゲーム終了判定](https://harusatoweb.com/wp-content/uploads/2023/10/angry-birds10.jpeg)
アングリーバード③
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
的や障害物をつくっていくよ
- ターゲットの追加
- 敵キャラクターの追加
ターゲットの追加
- スプライトを選ぶから《Gobo》を選択し、以下のコードを追加
敵キャラクターの追加
- スプライトを選ぶから《bat》を選択し、以下のコードを入れる
- 《スプライト1》に以下のコードを入れる
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
![](https://harusatoweb.com/wp-content/uploads/2023/11/2d93ab36a2751368f0f28595f0dce971.png)
これで完成!さっそく遊んでみよう!
まとめ
今回は「アングリーバード」をスクラッチで作る方法を解説しました。他にも作ってほしいゲームなどありましたら、YouTubeのほうにお気軽にコメントいただけますと嬉しいです。(コメントは全て目を通してハートを押しています!)
また、もし今回の記事や動画が役に立ったと感じた方は、YouTubeチャンネル スクプロ
のチャンネル登録もぜひよろしくお願いします!