舞台裏:Dovionがジブリっぽいビジュアルになるワケ
よく聞かれる質問があります。「このスタイルは何ですか?」Dovionのグラフィック——パステルの海、柔らかな島、マップ中央の乳白色の霧——は多くのプレイヤーにスタジオジブリの映画を連想させます。偶然ではありません。それは私たちが認める意図的なインスピレーションです。驚かれることが多いのは、どのようにして作られているか、です。では舞台裏を公開しましょう。
秘密:画像ファイルが一つもない
最も誇っている技術的特徴です。Dovionのゲーム世界は画像ファイルを一つもダウンロードしません。島のテクスチャもなく、木のスプライトもなく、JPEGの海の背景もありません。すべてのビジュアルはコードによってリアルタイムで生成されます。ブラウザの中で:各島、各森、各火山は数学的な関数によって描かれます。
これをプロシージャル(手続き型)レンダリングと呼びます。これはあなたに2つの大きな結果をもたらします。
- ゲームが素早く読み込まれます。 大量の画像パッケージをダウンロードする必要がありません。普通の接続速度でも数秒で海に出られます。これがゲームが非力なマシンでも動く理由でもあります——非力な設定でのDovionで解説しています。
- 全員がまったく同じ世界を見ます。 生成は決定論的です。同じ「シード値」から、コードは常に同じ島をピクセル単位で再現します。あなたの敵もあなたもまったく同じ群島を見ています——島の影に隠れることが戦略の一部であるマルチプレイヤーゲームには不可欠です。
なぜジブリのスタイルなのか?
.ioゲームは視覚的に……機能的であることが多いからです。円、グリッド、派手な色。効率的ですが、私たちは別のものを夢見ていました。留まりたくなる海を。ジブリ映画にはその稀な資質があります——自然がキャラクターであり、柔らかい色彩、温かな光、アクションの中でも一種の静けさがある。
具体的には、パステル化したパレットとして実現されています。カラーグレーディングのパスが海、島、船、生き物など世界全体の色を和らげ、特徴的なクリームがかった色合いを出します。バイオームが残りを担います。森、氷原、火山、そして霞がかった中央のラグーン。各エリアに雰囲気があり、マップグリッドでお気に入りの場所を見つけられます——Dovionのマップとゾーンをご覧ください。
霧、灯台:WebGLの部分
一部のエフェクトは従来の方法で描くには負荷が高すぎます。中央の体積霧、霧を貫く灯台の光、パーティクルには、WebGLを使います。これらのエフェクトはあなたのデバイスのグラフィックカードで計算されるため、画面が混雑していても滑らかです。
デバイスがWebGLに対応していない場合は?ゲームは自動的により単純な2Dレンダリングにフォールバックします。霧の詩情は少し失われますが、まったく同じゲームをプレイできます。インストールも設定も不要です。これは私たちのルールです。視覚的エフェクトがプレイを妨げてはならない。
制約から生まれた選択
正直に言います。このアートディレクションはある意味、制約から生まれました。私たちは小さなチームで、フルタイムのイラストレーターがいません。何百もの島を手で描くことは不可能でした。コードに描かせることを学ぶことは、できました。制約がシグネチャになりました——そして今、何があっても元には戻りたくありません。この「手作り」へのこだわりはビジュアルを超えています。サーバーも同様に手作りです。依存関係ゼロのサーバーの舞台裏で紹介しています。
判断するには、ラグーンに霧が晴れていくのを見に来るのが一番です。Dovionを無料でプレイ