ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
| この記事の要点 |
|
スプライトとは
Scratch におけるスプライト(Sprite)は、画面(ステージ)上で動かしたり、見た目を変えたりできる「キャラクター」や「もの」のことです。Scratch を起動した直後に表示されているオレンジ色の猫もスプライトの 1 つです。

1 つのプロジェクトに複数のスプライトを配置でき、それぞれに別のスクリプト(プログラム)を書いて協調動作させるのが Scratch でのゲーム・アニメーション制作の基本です。
スプライトの構造
| 要素 | 説明 |
|---|---|
| 名前 | スプライトの識別名(例: ねこ, ボール) |
| コスチューム | 見た目のパターン。複数持てる。切り替えでアニメーション |
| サウンド | このスプライトが鳴らせる音 |
| スクリプト | このスプライトの動きを決めるブロック群 |
| X / Y 座標 | ステージ上の位置(中央が 0,0) |
| 向き | 0〜359°(90° が右向き) |
| サイズ | %(100 が等倍) |
| 表示 / 非表示 | 見える / 見えない |
STEP1: スプライトを追加する
ステージ右下の「スプライトを追加」(猫顔のアイコン)にマウスを置くと、4 つのアイコンが出てきます:
- スプライトを選ぶ(ライブラリ): 用意済みの絵から選ぶ
- 描く: ペイントエディタで自分で描く
- サプライズ: ランダムでライブラリから選ぶ
- アップロード: PC の画像ファイルを使う
ライブラリには、動物・乗り物・食べ物・人物など 300 以上のキャラクターが用意されています。テーマ別にフィルタもでき、初心者でも素早く目的のキャラを選べます。
STEP2: コスチューム(見た目)を切り替える
1 つのスプライトは複数のコスチュームを持てます。これを切り替えることで「歩く」「ジャンプする」などのアニメーションが表現できます。
たとえば標準の猫スプライトには コスチューム1 と コスチューム2 の 2 つの絵が登録されており、それを交互に表示すると歩いているように見えます:
- 緑の旗が押されたとき
- ずっと(繰り返し)
- 次のコスチュームにする
- 0.2 秒待つ
「コスチューム」タブから自分で絵を描き足したり、画像をアップロードすることもできます。
STEP3: 座標と向きを操作する
Scratch のステージはX 軸 -240 〜 +240、Y 軸 -180 〜 +180 の範囲です。中央が (0, 0) で、右が +X、上が +Y です。
| ブロック | 動作 |
|---|---|
10 歩動かす | 現在の向きに 10 歩進む |
x 座標を 100 にする | 絶対座標で移動 |
x 座標を 10 ずつ変える | 相対座標で移動 |
90 度に向ける | 絶対的な向きを指定(右 = 90°) |
15 度回す | 相対的に回転 |
マウスポインターへ向ける | マウスのほうを向く |
STEP4: 自分で絵を描く
「スプライトを描く」を選ぶと、ペイントエディタが開きます。基本ツール:
- 筆: フリーハンド描画
- 線: 直線
- 矩形 / 円: 図形
- 文字: テキスト挿入
- 塗りつぶし: 領域を色で塗る
- 消しゴム
右下で ベクター / ビットマップを切り替えられます。拡大縮小に強いベクターを推奨。
STEP5: 複数スプライトの連携
ゲームを作るときは、複数のスプライトが連携して動きます。連携の主な手段が「メッセージを送る」です:
例: ボールをクリックすると猫が「ニャー」と言う
- 【ボール側】このスプライトが押されたとき →
「ヒット」を送る - 【猫側】
「ヒット」を受け取ったとき→「ニャー」と 2 秒言う
このように、独立したスプライト同士がメッセージで会話するのが Scratch の設計思想です。1 つのスプライトに全部のロジックを詰め込まず、役割ごとに分けると見通しが良くなります。
背景(Stage)との違い
| 項目 | スプライト | 背景(ステージ) |
|---|---|---|
| 動く | ○(座標変更可能) | ×(固定) |
| コスチューム複数持てる | ○ | ○(「背景」と呼ぶ) |
| クローン作れる | ○ | × |
| 個別スクリプト | ○ | ○(全体制御用) |
クローン機能(自動増殖)
スプライトをクローンすると、同じ見た目・スクリプトのコピーが動的に作れます。シューティングゲームの弾、星のパーティクル、敵キャラの大量出現などに便利:
- 緑の旗が押されたとき
- ずっと
- 1 秒待つ
- 自分自身のクローンを作る
- クローンされたとき
- x: -240 〜 240 のランダムに行く
- y 座標を -10 ずつ変えるを y < -180 になるまで繰り返す
- このクローンを削除する
FAQ
Q: スプライトを削除したい
A: スプライト一覧で対象を右クリック → 削除。ゴミ箱アイコンでも可能です。
Q: スプライトに別プロジェクトのキャラを使いたい
A: スプライト一覧で右クリック → 書き出し(.sprite3 ファイル)。別プロジェクトでアップロードすれば再利用できます。
Q: コスチュームの大きさが揃わない
A: ペイントエディタで「すべて選択」→ サイズを調整、または「中央に移動」で中心点を揃えるとアニメーションが安定します。
Q: スプライトが画面外に行ってしまう
A: もし端に着いたら、跳ね返る ブロックを入れると壁で跳ね返ります。もし <x座標 > 240> なら のような条件でも制御できます。
ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
人気ページ
- 1 Eclipseで「サーバーに追加または除去できるリソースがありません。」の原因と対処法
- 2 tomcat の起動 / 停止ログと catalina.log・catalina.out の違い
- 3 JavaScript で base URL を取得する方法|window.location.origin
- 4 YouTube Data API v3 エラー一覧|403・400・404 の原因と対処
- 5 Laravel エラー一覧|500/Blade/DB 接続/ルーティングの代表エラー
- 6 3Dグラフィックスとは|モデリング/レンダリング/主要ソフトウェア (Blender / Maya)
- 7 Spring Frameworkのアノテーション一覧
- 8 【Spring】@Valueアノテーションとは
- 9 CATALINA_HOME の確認方法 (Linux / Mac)
- 10 【Spring】@Autowiredアノテーションとは
最近更新/作成されたページ
- 【django】ログイン 認証機能 2026-09-08 03:22:09
- MySQL ERROR 1063 Incorrect column specifier for column|原因と直し方 2026-09-08 03:11:09
- 【PHPエラー】Object of class stdClass could not be converted to string 2026-09-07 07:46:04
- Julia Genie ローカル開発サーバ起動完全ガイド 2026-09-07 07:46:04
- Wi-Fi とは|規格と世代(Wi-Fi 4〜7)・周波数帯・CSMA/CA・WPA3 NEW 2026-09-07 07:45:13
- set コマンドでシェルオプションと位置パラメータを操作 | bash 2026-09-07 07:45:13
- JPEG(.jpg/.jpeg)画像形式の完全ガイド — 仕様・マジックナンバー・他形式との比較・EXIF 2026-09-07 07:45:13
- UE5 Get Overlapping Actorsで特定クラスだけ処理|Class Filter・Cast To 2026-09-07 07:45:13
- Linuxで特定拡張子のファイルを再帰削除|find -deleteの安全手順 2026-09-07 07:45:13
- Django CBVでテンプレートに値を渡す|get_context_data・extra_context 2026-09-07 07:45:13
- Linuxで複数ファイルの文字列を一括置換|find・sed・xargsの安全手順 2026-09-07 07:45:13
- Laravelルートグループ|prefix・middleware・nameで一括管理 2026-09-07 07:45:13
- Linux whichコマンドの使い方|絶対パス取得とtype・command -vの違い 2026-09-07 07:45:13
- Linux catコマンドの使い方|行番号表示・複数ファイル連結 2026-09-07 07:45:13
- unable to execute 'gcc': No such file or directory 2026-09-07 07:45:13
コメントを削除してもよろしいでしょうか?