Zenn
🙄

ゲーム内の日没を再現するには？ ～時間経過による環境変化の入門～

2024/12/21に公開
C#
Unity
初心者
日没
時間経過
tech

ゲーム内の日没を再現するには？ ～時間経過による環境変化の入門～

ゲーム世界の空が、プレイ中に静かに日没へと移り変わる──そんな演出を取り入れると、プレイヤーは「生きた世界」を感じることができます。

初心者のうちは「背景画像は固定」「光は固定」という固定的な状態が当たり前に見えますが、Unityを使えば簡単なコードと設定で、時間経過に応じて空の色やライティングを動的に変えることが可能です。

ここでは、画像や動画を使わず、あくまでテキスト情報だけで日没を再現する基本的なテクニックを紹介します。環境が静かに移ろう様子をエディタ上で試してみると、ゲームの雰囲気ががらりと変わることに気づくでしょう。

なぜ日没演出が魅力的なのか

  • 世界観への没入感：
    朝から昼、昼から夕方、夕方から夜へと光や色合いが変化すると、プレイヤーは「時が流れている」ことを直感的に感じます。
  • 単調さの解消：
    同じ背景や環境が永遠に続くと飽きが来ますが、時間による変化があると、同じフィールドで過ごす時間が豊かな体験へと変わります。

初心者の段階では、凝ったアセットや特殊なシェーダーを使わず、シンプルな色変更やライトの強弱変化から始めると良いでしょう。

基本的なアプローチ

たとえば、以下のような流れを考えます。

1. ゲーム内時間を持つ変数を用意

float gameTime = 0; のような変数を用意し、Update()で毎フレーム経過時間を加算します。

2. 時間帯を定義

24時間サイクルを表現したいなら0～24、あるいはシンプルに0～1の範囲で一日に相当する時間を表しても構いません。

たとえば、0を朝、0.5を昼、1.0を夜、といった具合に時間を正規化して考えることができます。

3. 色を徐々に変える

背景色（カメラのClear Color）や2Dの場合は背景スプライトの色などをColor.Lerp()で徐々に変化させます。

具体例：
朝(0.0付近)は明るい青空色（明るい水色）
昼(0.5付近)はより白っぽい明るい色
夕方～夜(1.0付近)はオレンジ→紫→紺色へと変化

UnityのColor.Lerp(colorA, colorB, t)を使えば、tが0ならcolorA、tが1ならcolorB、0～1の間で徐々に色が混ざります。

4. ライティングの調整（2Dの場合）

2Dゲームでも、例えば2Dライト（Universal Render Pipelineの2D Light機能）を使うことができますが、シンプルな方法としては、シーン全体をやや暗くするオブジェクト（半透明の黒いレイヤー）を前面にかぶせ、その不透明度を時間帯に応じて変える方法もあります。夜になるほど不透明度を上げて画面を暗く見せることが可能です。

簡易的なコード例

public class DayNightCycle : MonoBehaviour {
    public Camera mainCamera;
    public Color morningColor = new Color(0.5f, 0.7f, 1.0f);
    public Color noonColor = new Color(0.9f, 0.9f, 1.0f);
    public Color eveningColor = new Color(1.0f, 0.5f, 0.3f);
    public Color nightColor = new Color(0.1f, 0.1f, 0.2f);

    public float dayLengthInSeconds = 60f; // 1分で1日経過する例
    private float gameTime = 0f;

    void Update() {
        // 時間経過
        gameTime += Time.deltaTime;
        float t = (gameTime % dayLengthInSeconds) / dayLengthInSeconds;

        // t=0 → 朝、 t=0.5 → 昼、 t=1.0(=0と同じ) → 再び朝
        // ここでは、0→0.25を朝～昼、0.25→0.5を昼～夕方、0.5→0.75を夕方～夜、0.75→1.0を夜～朝と分ける
        if (t < 0.25f) {
            // 朝→昼へ移行
            float lerpT = t / 0.25f;
            mainCamera.backgroundColor = Color.Lerp(morningColor, noonColor, lerpT);
        } else if (t < 0.5f) {
            // 昼→夕方へ移行
            float lerpT = (t - 0.25f) / 0.25f;
            mainCamera.backgroundColor = Color.Lerp(noonColor, eveningColor, lerpT);
        } else if (t < 0.75f) {
            // 夕方→夜へ移行
            float lerpT = (t - 0.5f) / 0.25f;
            mainCamera.backgroundColor = Color.Lerp(eveningColor, nightColor, lerpT);
        } else {
            // 夜→朝へ移行
            float lerpT = (t - 0.75f) / 0.25f;
            mainCamera.backgroundColor = Color.Lerp(nightColor, morningColor, lerpT);
        }
    }
}

このコードはあくまでイメージです。実際には値や色を自分好みに調整し、パラメータをInspectorで編集できるようにすると、ゲームの雰囲気に合った変化が作れます。

シンプルなアプローチから始める

「日没」や「夜明け」を完全にリアルに再現しようとすると、特殊なシェーダーやライト、スカイボックス設定などを使う必要があります。

しかし、初心者はまず「色が徐々に変わる」「画面が少し暗くなる」といった簡単な変化からスタートするだけでも、ゲームに動きが生まれ、プレイヤーに新鮮な体験を提供できます。

2Dゲームであれば、背景として使うスプライトの色を徐々に変更したり、不透明な黒いオブジェクトを重ねてゆっくり暗くするだけでも、雰囲気は大きく変わります。

この段階で、「あ、こうやって時間変化を演出するのか」という基本概念をつかむことが大切です。

今後の発展

慣れてきたら、以下の発展的な要素にもチャレンジしてみてください。

  • スカイボックスやシェーダーの活用：3D環境で本格的な朝焼けや夕焼けを再現したい場合、スカイボックスやカスタムシェーダーを使い、空のグラデーションをよりリアルに変化させられます。
  • サウンドやBGMとの連動：時間帯に応じてBGMを変えたり、夜になると虫の鳴き声や風の音が増えるなど、音声面での時間変化演出も追加可能です。
  • ゲームプレイとの連動：時間帯により出現する敵やアイテムを変えたり、特定時間だけ開くお店を実装するなど、ゲーム性に組み込めば、プレイヤーに戦略的な行動を促せます。

まとめ

日没を表現するという一見シンプルな演出も、実際に手を動かして実装してみると、「時間経過を管理」「値に応じた色変化」「スクリプトで計算」という基本的なテクニックが詰まっています。

初心者は、これをきっかけに「ゲーム中のパラメータを動的に変える」という発想を身につけることができます。こうした小さな工夫を積み重ねることで、ゲーム世界に深みと魅力が増し、より完成度の高い作品へと成長していくでしょう。

まずは、背景色をLerpで変える簡易的な日没シミュレーションから始めてみてください。それだけでも、あなたのゲームは「ずっと同じ」から一歩抜け出し、奥行きのある世界へと生まれ変わるはずです。

Unityをもっと学びたい“あなた”へ 『どこでもUnity教室』

Unityを独学しているけれど、情報収集に時間がかかり、孤独や不安を感じていませんか？
「どこでもUnity教室」は、そんなあなたのために作られたオンライン学習コミュニティです。

初心者から中級者までを対象に、独学では難しいスキル習得をサポートします。
講師や仲間と一緒に学びながら、分からないことはすぐに解決できる環境をご用意しました。
孤独や情報過多の不安を解消し、効率よく次のステップへ進みましょう！

どこでもUnity教室の特徴

  • 無料で気軽に始められる！
    初心者も中級者も歓迎！仲間と一緒に学びましょう。

  • 作業通話ができるボイスチャンネル
    独学の孤独を解消して、効率よく学べます。

  • すぐに質問できる安心サポート
    質問を投稿すればすぐに解決！他の参加者や講師が迅速に対応します。

  • オンライン教材を順次公開予定
    実践的な課題でスキルを磨ける教材が続々登場します。

独学に限界を感じていませんか？

ChatGPTやインターネットを使えば情報は簡単に手に入りますが、それだけでは「知っているけどできない」第2段階で止まってしまいます。

スキル習得の「第2段階」とは？

「第2段階」は、自分の弱点を認識する重要なステップです。この段階では、

  • 「やりたいことがわかるけど、どう実現するかわからない」
  • 「スクリプトを書いてみたけど、うまく動かない」
    といった悩みに直面します。

「どこでもUnity教室」で第2段階を突破！

「どこでもUnity教室」は、あなたが第2段階を効率よく突破し、次のステップに進むための環境を提供します：

  • 質問しやすい環境：気軽に質問して、すぐに問題を解決！
  • 安心の実践課題：失敗を恐れず挑戦できるステップアップ型の課題。
  • 的確なフィードバック：つまずきポイントを明確にして次のステップへ！（有料プラン予定）

無料で始められるので、まずは参加して学びを加速させましょう！

参加はこちら！

「どこでもUnity教室」Discordサーバーは2024年12月2日スタート！
無料で参加できるこの機会をお見逃しなく！

❏ Discordサーバーに参加する ❏

https://discord.gg/5FwuKCacNy

一人で悩む必要はありません。あなたの成長を全力でサポートする仲間と環境が、ここにあります！

Discussion