過去数か月以内にいくつかの HTML5 ゲームを作成し、createJSスイートを使用してすべてをキャンバスにレンダリングしています。
キャンバスを選んだ理由は、画面に合わせてキャンバスを拡大縮小でき、すべてが完璧だったので、クロスプラットフォームで動作させる方が簡単に思えたからです。まあ、ほとんどのデバイスで！古い Android および iOS デバイスではパフォーマンスが問題になりますが、恐ろしいほどではありません。
私の次の HTML5 は大物です。以前のゲームは、アニメーションとメニューがほとんどない、単純なポイント アンド クリックのクイズ スタイルのゲームでした。これは、より多くのメニュー、インタラクティブなオブジェクトを備えたより大きなディナーですが、これも単純なアニメーションのみです。しかし、それにはパン可能な（つまり、言葉です）環境が含まれます。
私は、メインのパン可能な環境を実行して、キャンバスの上にオーバーレイされる HUD アイテムとメニューに DOM と CSS を使用する傾向があります。
複数の CSS メディア クエリを使用して複数の画面解像度を処理するには、さらに時間がかかる場合があることを理解しています。さらに、解像度が小さい場合は別のレイアウトを使用する場合もあります (HUD から特定のラベルを非表示にするなど)。
主にパフォーマンスのためのテクノロジーの比較を探していますが、どの方法が「ベストプラクティス」であるかを見つけるためにも探しています。
また、これらのさまざまな方法 (または私が認識していない他の方法) を使用したマルチプラットフォーム ゲームの例をいくつか見て、それらがどのように動作するかを確認し、パフォーマンスをテストすることもお勧めします. :)