プレーンHTMLを使ってブラウザでゲームを作ることは可能ですか？

Question

divs、<imgs>、HTML5、CSS3、good ole 'jQueryに基づいてブラウザでゲームをすることはできますか？ this guyによると、ブラウザのレンダリング速度は、最近私がこのオプションを検討している唯一の理由は、かなり良いです。彼の答えは、バニラのHTMLでゲームを作成するのに適していますか？

Answer 1

はい。 DHTML gamesは10年以上にわたって存在し、HTML5はかなり高度なレンダリングをCANVASで提供しています。 IE engineのMicrosoftのレンダリングの例を見て、期待できるパフォーマンスのタイプを見てください（いくつかは他のものより優れています - ほとんどが非常に印象的です）。

HTML 5 MMOプロジェクトとIllyriad（これはHTML 5ベースであると主張しています）をチェックしてください。

CANVAS要素なしでゲームを書くことはできますか？視覚的には、あなたは限られていますが、論理は依然として洗練されています。ゲームエンジンは、DOM要素ではなく、高性能構造に基づいている必要があります。たとえば、2Dフィールドで衝突を計算する場合は、行列を評価し、影響を受けた要素のみを再描画することができます。これは非常に遅いので、あなたはDOM要素の位置を評価すべきではありません。

Answer 2

はい。 Theres HTML5怒っている鳥、カットロープ、さらにパックマン。

Answer 3

プレーンHTMLを使用してブラウザでゲームをすることはできますか？

はい、しかしそれは比較的限られています。あなたは深刻なパフォーマンスヒットなしに複雑な3D世界、オーディオ、アニメーションでWorld of Warcraftを作っていません。

Answer 4

はい、いいえ。

Angry Birds、Fieldrunnersなどのゲームのほとんどは、新しいタグcanvasを使用すると「HTML5」と呼ばれるものを使用します。

ゲームを作るためにDOMを使用することはできません（あなたがポンを書くのでなければ、まだ...）。 DOMはあまりにも遅いです。

キャンバスは、ビットマップで描画するために操作できる要素です。 JavaScriptで。

ユースケース（DOM vs Canvas vs SVG）に応じて、APIの使用方法の選択を理解するには、this answerとお読みください。

Answer 5

HTML5についても言及しているので、「プレーンHTML」の意味を完全には明確にしていません。プラグインなしでブラウザで何ができるのかということだけを考えれば、私はCanvasとSVGで行われている作業を見ていきます。可能なことについて私の考えを変えた例は、hereを見ることができるCAKEライブラリのデモです。残念ながら、それはIE8を超えています（IE9についてはわかりません。私はどこからテストすることもできません）が、私を驚かせたiPadでうまく動作します。

Answer 6

DOMを使用しているStricklyは可能ですが、ありそうもありません。私は実際にこれをやりたいと思っていたので、jQuery UIのjavascriptを使ってアイテムを移動し、衝突の検出などを行うことを考えていました... strickly dom要素とjavascriptを使用してゲームを見るのはかなり簡単です。

パズルゲームを解決するためにブロックを動かしたことがある人は（私は彼らが何を呼んでいるのかはわかりませんが、ブロックインのようなものを賭けています）、厳密にDiv要素Javascriptと私はそのような操作のためにあなたに拍手するでしょう。