スクラッチを初めて、いろいろな作品を作ると、共有していろいろな人に見てもらいたいと思うようになると思います。そんなとき、サムネイルを工夫すると自分の作った作品がより目につくようになりますが、スクラッチにはサムネイルの設定は用意されていません。この記事では、魅力的なサムネイルを表現するためのプロジェクトをに加えるある仕掛けについて解説します。
スクラッチのサムネイルのルール
そもそもスクラッチはどのようなルールでサムネイルが表現されているかというと、プロジェクトの作成者が一番最後にプロジェクトを保存したときのステージの状態が、プロジェクトのサムネイルになるのです。例えば、以下が私のユーザーページになりますが、特にボルダリングゲームはサムネイルではどんなゲームかが全くわからない状態です。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/01/スクリーンショット-2022-01-23-21.37.20.png?resize=986%2C702&ssl=1)
一度、自分のユーザーページがどのように見えているのか、サインアウトをして確認するのも良いと思います。
サムネイル用の背景を作る
一番最後にプロジェクトを保存したときのステージの状態が、プロジェクトのサムネイルになるということは、逆に言うとプロジェクトを終了した時にサムネイルが表示されれば良いということです。
例えば、先ほどのボルダリングゲームのプロジェクトで解説していきます。
プロジェクトに以下のようにタイトル用の新しいスプライトを追加します。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-24-13.27.46-1024x605.png?resize=1024%2C605&ssl=1)
そして作成したスプライトのコスチュームにタイトルを書いていきます。
今回は以下のようにしました。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-24-13.28.51-1024x605.png?resize=1024%2C605&ssl=1)
そして、このスプライトのコードを以下のように書きます。
旗が押されたら幽霊の効果が100になってタイトルが消えますが、停止ボタンを押すと復活するという仕掛けです。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-24-23.34.45-1024x606.png?resize=1024%2C606&ssl=1)
実際に旗を押して、停止ボタンを押すと以下のように動きます。
もっとリッチなサムネイルを作ろう
スクラッチの描画ツールでは表現に限界があるので、本気でサムネイルにこだわるのであれば、他の描画ツールを利用して作成した画像をサムネイルにしていくというやり方もあります。
ここでは、パワーポイントを使って、リッチなサムネイル作りにチャレンジしてみます。
(パワーポイントは万能ではありませんが、とても直感的にリッチなデザインできるのでオススメです)
以下のような感じでサムネイルをデザインしてみました。バックにあるボルダリングのゲーム画像は実際のゲームシーンをスクリーンショットしています。そこに文字やイラストをのせてリッチなサムネイル画像を作ってみました。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/01/スクリーンショット-2022-01-23-20.39.51-1024x616.png?resize=1024%2C616&ssl=1)
そして作成した画像をさらにスクリーンショットして以下のようなサムネイル画像を作成し、パソコンに保存します。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/01/スクリーンショット-2022-01-23-21.21.32-1.png?resize=340%2C254&ssl=1)
次にゲームのプロジェクトに移動し、タイトルのスプライトにパソコンに保存したサムネイル画像をアップロードします。
アップロードすると、ビットマップの状態ですので、これをビクターに変換し、サイズを調整します。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-24-23.33.29-1024x606.png?resize=1024%2C606&ssl=1)
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-24-23.35.12-1024x606.png?resize=1024%2C606&ssl=1)
これで、サムネイルが反映されたはずです。実際にサインアウトして、見え方を確認してみましょう。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-24-23.49.08.png?resize=982%2C411&ssl=1)
コメント
サムネ用のスプライトを作る→サムネを描く→
「最前面へ移動する」を実行→
「x座標を0、y座標を0にする」を実行→
「旗が押された時→隠す」
または
「旗が押された時→幽霊の効果を100にする」のブロックを置く→
その画面で保存する
とすると、他のスプライトを隠す必要がなく、簡単にできますよ!
なるほどですね!ありがとうございます!!今度サイト更新しておきます!