なぜウェブなのか？
リンクはゲームへの招待です。すべてのプレイヤーに最初からアプリのインストールを求めずに、顧客に届け、アイデアを試し、キャンペーンを始められます。
手間を減らして、遊べる場所を広げる。
ウェブゲームはキャンペーン、製品のウェブサイト、イベント、ダイレクトメッセージなどに組み込めます。1つの配信経路で複数の端末に届けられます。すべてのブラウザーがすべてのゲームを動かせるという約束ではなく、対象者、使用端末、ビジネスが必要とする成果から適切な範囲を決めます。
初期のブラウザーゲーム
1990年代
プラグインがブラウザーゲームを可能にしましたが、インストールや互換性の負担も生みました。
HTML5
2008
ブラウザー標準の音声、入力、キャンバスによって、リンクから遊べる体験へ直接つながる道が開かれました。
WebGL
2011
ハードウェアアクセラレーションによるグラフィックスが、より豊かな2D・3Dシーンをウェブにもたらしました。
WebGPU
2023
最新のグラフィックス・計算APIにより、対応ブラウザーで描画できるものが広がります。端末の対応範囲、アセット容量、テストは依然として重要です。
プラットフォームより先に、プレイヤーから考える
キャンペーンのリンクを開く顧客、イベントの来場者、再訪するプレイヤーには異なるニーズがあります。最初のセッションから逆算し、リンクをどこに置くか、どの端末で開くか、何を理解してもらうか、何が続きを遊びたくさせるかを考えます。
そのため、範囲の決定は技術だけでなくビジネスの判断でもあります。短いブランドゲームには、わかりやすい操作と素早い再開が必要かもしれません。大きなゲームには、成長要素、マルチプレイヤー、コンテンツ制作の仕組みが必要かもしれません。ブラウザーは配信経路であり、体験そのものには意図を持った設計が必要です。
性能は設計上の判断
デモは、検証済みのWebGPU体験に焦点を当てています。 WebGPUは現代のグラフィックと計算パスを開きますが、その利点は、ワークロードとサポートされているデバイスによって異なります。 サイズ、メモリ、インプット、アクセシビリティをダウンロードしても、成功したブラウザのリリースが形成されるので、プロジェクトの周りのエンジンとターゲットブラウザを選択します。
共有したくなる最初のセッションに
ブラウザのビルドは、ネイティブリリースと同時に、ゲームの簡単なフロントドアになることができます。 あなたのサイトにそれを置き、メッセージでそれを共有するか、キャンペーンで使用する。 プレイヤーは、友達に最初にインストールを依頼せずにリンクに沿って渡すことができます。
公開前に、実際の対象端末で一連の流れをテストしましょう。リンクを開き、最初のアセットをダウンロードし、操作を覚え、再び遊びに戻るまでを確認します。小さな初回ダウンロードと明確な読み込み状況の表示は、精細なシーンと同じくらい重要な場合があります。
プロジェクトに合うツールを選ぶ
Babylon Lite
BabylonファミリーのWebGPU専用3Dエンジンで、ツリーシェイキングに対応したデータ指向のレンダラーとして構築されています。最新のGPUを基盤に、小さなバンドルサイズと高性能なグラフィックスを重視しています。
Cocos Creator
オールインワンエディターとWeb公開機能を備えた、クロスプラットフォーム対応の2D・3Dゲームエンジンです。Cocos CreatorはWeb Desktopビルド向けのWebGPUバックエンドをサポートしていますが、公式ドキュメントでは実験的機能とされています。
Construct 3
ブラウザー上で動作する2Dゲームエンジンで、イベントのビジュアルスクリプトと任意のJavaScriptに対応します。対応プラットフォームではWebGPUをサポートし、WebGPUを利用できない場合はWebGLを使用できます。
Defold
すぐに使える無料のゲームエンジンで、エディター、ランタイム、スクリプティング、ビルドパイプライン、デプロイツールを一つのワークフローにまとめています。複数のプラットフォーム向けに、コンポーネントベースの2Dまたは3Dゲームを制作できます。
PixiJS
ゲーム、アプリ、インタラクティブなデジタルコンテンツを制作するためのHTML5エンジンです。2DレンダラーはWebGPUまたはWebGLを使用し、ブラウザー内で高速かつ表現豊かなビジュアルを実現します。
PlayCanvas
2Dおよび3DのWeb体験を構築するためのオープンソースJavaScriptエンジンです。WebGLとWebGPUのレンダラー、モジュール化されたESモジュール、軽量ランタイムにより、最新のブラウザーやデバイスに対応します。
