単色の図形だけのゲームを「安っぽくない」見た目にする（加算合成を自作）

画像も音も素材ファイルを1つも使わない方針で4本目を作りました。動いて、テストも通って、公開しました。そして言われました。

「デザインひど過ぎだろ　演出も」

そのとおりでした。下が、言われたときの画面（左）と、作り直したあと（右）です。形はほとんど同じです。

足りなかったのは形ではなく「光り方」

最初の実装は、白い四角と三角に色を付けて置いただけでした。そこに足したのはこれだけです。

いちばん効いたのは加算合成です。ふつうの半透明で光を重ねても、暗い背景では白っぽくかすむだけで、光って見えません。足し込みにすると、重なったところが明るくなります。

自作シェーダーで踏んだ3つの穴

URP 2D にはそのまま使える加算のスプライトシェーダーが無いので、20行ほどのシェーダーを書きました。ここで3回つまずきました。

Blend SrcAlpha One      // 足し込み

// ⚠️ SpriteRenderer.color はここに来る（頂点色ではない）
float4 _RendererColor;

OUT.color = IN.color * _Color * _RendererColor;

演出はゲームの中身に触らせない

演出を足すときに怖いのは、当たり判定や点が変わってしまうことです。分け方はこうしました。

この形にしたので、1フレームあたりの確保は0バイトのまま（自動テストで見張っている）で、演出を足せました。

数字で見た変化

作り直しの前後で、公開したページを自動で撮って数えました（この検査自体の作り方は別の記事に書きました）。

ビルドは 6,944,159 バイト（作り直し後）。サイズはほとんど変わりません（図形を計算で作っているので、増えたのはコードだけ）。

まとめ

• 素材を使わないゲームで足りないのは、形ではなく光り方
• 加算合成の自作シェーダーは、テクスチャ・色・ビルド収録の3か所でつまずく
• 演出はゲームの中身に触らせない（起きたことを読むだけにする）
• 🔴 見た目を最後に回さない。あとから足すと描画まわりを書き直すことになる