DOVION.io

舞台裏:Dovionがジブリっぽいビジュアルになるワケ

· 1 分で読める · 文:Dovionクルー

よく聞かれる質問があります。「このスタイルは何ですか?」Dovionのグラフィック——パステルの海、柔らかな島、マップ中央の乳白色の霧——は多くのプレイヤーにスタジオジブリの映画を連想させます。偶然ではありません。それは私たちが認める意図的なインスピレーションです。驚かれることが多いのは、どのようにして作られているか、です。では舞台裏を公開しましょう。

秘密:画像ファイルが一つもない

最も誇っている技術的特徴です。Dovionのゲーム世界は画像ファイルを一つもダウンロードしません。島のテクスチャもなく、木のスプライトもなく、JPEGの海の背景もありません。すべてのビジュアルはコードによってリアルタイムで生成されます。ブラウザの中で:各島、各森、各火山は数学的な関数によって描かれます。

これをプロシージャル(手続き型)レンダリングと呼びます。これはあなたに2つの大きな結果をもたらします。

なぜジブリのスタイルなのか?

.ioゲームは視覚的に……機能的であることが多いからです。円、グリッド、派手な色。効率的ですが、私たちは別のものを夢見ていました。留まりたくなる海を。ジブリ映画にはその稀な資質があります——自然がキャラクターであり、柔らかい色彩、温かな光、アクションの中でも一種の静けさがある。

具体的には、パステル化したパレットとして実現されています。カラーグレーディングのパスが海、島、船、生き物など世界全体の色を和らげ、特徴的なクリームがかった色合いを出します。バイオームが残りを担います。森、氷原、火山、そして霞がかった中央のラグーン。各エリアに雰囲気があり、マップグリッドでお気に入りの場所を見つけられます——Dovionのマップとゾーンをご覧ください。

霧、灯台:WebGLの部分

一部のエフェクトは従来の方法で描くには負荷が高すぎます。中央の体積霧、霧を貫く灯台の光パーティクルには、WebGLを使います。これらのエフェクトはあなたのデバイスのグラフィックカードで計算されるため、画面が混雑していても滑らかです。

デバイスがWebGLに対応していない場合は?ゲームは自動的により単純な2Dレンダリングにフォールバックします。霧の詩情は少し失われますが、まったく同じゲームをプレイできます。インストールも設定も不要です。これは私たちのルールです。視覚的エフェクトがプレイを妨げてはならない。

制約から生まれた選択

正直に言います。このアートディレクションはある意味、制約から生まれました。私たちは小さなチームで、フルタイムのイラストレーターがいません。何百もの島を手で描くことは不可能でした。コードに描かせることを学ぶことは、できました。制約がシグネチャになりました——そして今、何があっても元には戻りたくありません。この「手作り」へのこだわりはビジュアルを超えています。サーバーも同様に手作りです。依存関係ゼロのサーバーの舞台裏で紹介しています。

判断するには、ラグーンに霧が晴れていくのを見に来るのが一番です。Dovionを無料でプレイ

出航の準備はいい?Dovionはダウンロード不要、PCでもスマホでも無料でプレイできます。

⚓ Dovionをプレイ