概要
Little Alchem: 大人気の Alchemy をモチーフにした、モバイル対応の楽しい組み合わせゲーム。
おすすめ
Little Alchemy は、ウェブ プラットフォームの最新機能をすべて活用した優れた例です。ウェブアプリ マニフェストを使用してインストール時に全画面で起動し、theme-color を使用して Android と調和します。
初回読み込みは非常に高速で、プリローダがすぐに表示されます。また、AppCache を使用して完全にオフラインでプレイすることもできます。よくできました。
改善の可能性
デスクトップでは、通常、右クリックをブロックすることは禁止されています（ただし、Chrome DevTools のショートカットを誤って入力することで、秘密のチートコードを見つけることができました）。ただし、ゲームではそれほど大きな問題ではありません。
UI 的には、グリッドを使用すると「散らばっている」印象を改善できます。また、モバイルで要素をドラッグする際、指の下で移動している内容を確認できるように、要素を少し上に移動すると、視認性が向上します。
Jakub Koziol 氏との Q＆A
ウェブを使う理由
即時アクセス、真のクロス プラットフォーム、さらに最も便利な共有方法。それが良いとは思えません。
Little Alchemy は、数年前に Chrome ウェブストアの試験運用として開始されました。 その後、他のプラットフォームにも拡大しましたが、引き続きウェブ版をメインに開発しています。現在、すべてのネイティブ アプリはウェブアプリを直接ベースにしています。これにより、多くの作業が削減され、ゲームの更新プロセスが効率化されます。これは、私たちのような小規模なチームにとって非常に重要です。
開発中に特に効果的だった点
Little Alchemy の現在のバージョンでは、モバイルウェブに重点を置きました。開発中は多くの物理デバイスを扱いましたが、リモート Chrome DevTools のおかげでプロセスを大幅にスピードアップできました。
また、パフォーマンスとレスポンシブ デザインの作業も非常に楽しかったです。Chrome の現在のツールセットでは、アプリのこれらの側面を非常に効率的に処理できます。
アプリを改善するために API を 1 つ選ぶとしたら、それは何ですか？
ゲームは通常、画像に大きく依存しています。たとえば、500 を超える画像のライブラリがあり、スケーラブルである必要があります。最適なエクスペリエンスを実現するには、プレーヤーがゲームを開始する前に読み込む必要があります。アトラスを遅延読み込みして使用できる一般的なウェブアプリとは異なるロジックが必要です。これを効率的に処理する方法があれば、多くの作業を省略でき、プレーヤーにより良いエクスペリエンスを提供できます。
また、ウェブゲームの収益化は依然として問題となっています。基本プレイ無料に切り替えずに支払いを導入することはほぼ不可能であり、広告で HTML5 ゲームをサポートするエレガントな方法は多くありません。これは、ウェブ プラットフォーム上のゲームの種類と品質に関する問題です。