HTML5 ゲームや動的 Web アプリケーションの作成に非常に興味があります。Flash のバックグラウンドを持つ者として、HTML5 テクノロジを使用して、Flash ゲームとフルフラッシュ Web サイトの一部 (ほとんどはアーティストやデザイナー向けのポートフォリオ) をリメイクしたいと考えています。調査を行ったところ、HTML タグ (新旧) と同様に CSS3 が重要な要素であることがわかりました。
短い質問ですが、HTML5 ゲームを作成するには、JavaScript と Canvas だけが必要ですか、それとも他に何かありますか?
PS: 私は非常に基本的な HTML ページを作成する方法を知っています。
JavaScript (ECMAScript) と同じ基盤である ActionScript (Flash) を既に知っているので、その基盤を持っています。
canvas 要素を内部に配置するだけでよいため、基本的な Web ページを使用できます。
<canvas id="myCanvas" width="500" height="400"></canvas>
そして、参照する JavaScript コードでは、次のように開始します。
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx (コンテキスト) は、ほとんどの描画操作を適用する場所です。ピクセルを直接操作するには、canvas オブジェクトを直接使用します。
コンテキストを使用した例:
ctx.fillRect(0, 0, 100, 100); // my first black-box
この部分には CSS は必要ありません。キャンバスはブラウザー内の独自の独立した世界と見なすことができ、CSS はキャンバス (基本的にはビットマップ) 内の何にも影響せず、キャンバス要素自体のみに影響を与えます。
本当に必要なのは、最初にキャンバス API を読むことだけです:
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html
https://developer .mozilla.org/en-US/docs/Web/API/HTMLCanvasElement
2 つの ECMAScript バージョンの微妙な違いをよく理解してください:
http://help.adobe.com/en_US/AS2LCR/Flash_10.0/help.html?content=00000064.html
JavaScript と ActionScript 3 の主な違いは何ですか? ?