影ジェネレーターの使い方
- スプライトをドロップします。
- ドロップシャドウ（スプライトの後ろにずらしたコピー）か、落ち影（地面につぶしたシルエット）を選びます。
- オフセット、またはつぶしと傾きを調整し、色と不透明度を決めます。
- グリーン、ダーク、ライトのプレビュー背景で確認します。
- PNG をダウンロードします。
得られるもの
- 影を焼き込み、影に合わせてキャンバスを広げた PNG
- アルファ値が1つだけの半透明の影（重なっても濃くならない）
ゲーム制作で使って得たコツ
- 落ち影では傾きが太陽の向きです。正の値で右に、負の値で左に傾きます。1つのシーンのスプライトはすべて同じ向きにしましょう。
- 草地や砂地の上では、黒より色付きの影（暗い紫や青）のほうがたいていきれいに見えます。
- エンジン側で影を描くなら、影だけを別に書き出しましょう。コピーの不透明度を 100% にしてマスクとして使います。
- 広がりはドロップシャドウを整数ピクセル単位で太らせるので、ぼかしを入れずに柔らかさを表現できます。
活用例
- UI のアイコンやボタンにドット絵のドロップシャドウを付ける
- 見下ろし型やサイドビューのシーンで、キャラや小物を地面に馴染ませる
- ごちゃついた背景からタイトル文字を浮き立たせる
- ストアページやトレーラーの静止画
よくある質問
ドロップシャドウと落ち影の違いは？
ドロップシャドウはスプライトのシルエットをずらしたもので、背景から浮いているように見えます。落ち影は反転・つぶし・傾きを加えて足元に置いたもので、横から光が当たっているように見えます。
影はぼかされますか？
いいえ。エッジはくっきりしたままです。広がりのオプションは、ぼかす代わりにシルエットを整数ピクセルで太らせます。
影が半透明なのはなぜですか？
地面が透けて見えるようにするためです。影のピクセルはすべて同じアルファ値なので、重なった部分が濃くなることはありません。
落ち影はどこから始まりますか？
スプライトの一番下の不透明な行から、つまり普通は足元からです。スプライトの下に空白がある場合は「足元の隙間」を設定してください。
画像はアップロードされますか？
いいえ。すべてブラウザ内で動作します。