我是否需要學習CSS3和HTML的基礎來製作HTML5遊戲和動態網頁應用程序？

我非常喜歡製作HTML5遊戲和動態網頁應用程序。作爲擁有Flash背景的人，我想重拍我的Flash遊戲，還有一些全閃光的網站（其中大部分是藝術家和設計師的投資組合），使用HTML5技術。我做了一些研究，似乎CSS3是一個重要的元素，以及HTML標籤（舊的和新的）。我是否需要學習CSS3和HTML的基礎來製作HTML5遊戲和動態網頁應用程序？

所以，簡短的問題，使HTML5遊戲，我只需要JavaScript和畫布或還有別的？

PS：我知道如何創建一個非常基本的HTML頁面

來源

2013-07-08 alaslipknot

CSS和HTML甚至都不是編程語言。如果您瞭解ActionScript，那麼JavaScript不會讓您學習困難。試着做點什麼，你會看到你需要知道的。 – Blender

您是否需要了解HTML的基礎知識才能製作HTML遊戲......？想一想。 –

如果您打算創建一個HTML頁面，您至少需要對CSS有最少的瞭解;如果至少要設置canvas元素的寬度和高度。 – doppelgreener

正如您已經知道ActionScript（Flash）與JavaScript（ECMAScript）具有相同的基礎一樣，您將擁有它的基礎。

您可以使用基本的網頁，你只需要canvas元素放在裏面：

<canvas id="myCanvas" width="500" height="400"></canvas>

而且在您引用您的JavaScript代碼開始與：

var canvas = document.getElementById('myCanvas'); 
var ctx = canvas.getContext('2d');

ctx或上下文是應用大部分繪圖操作的地方。要直接操作像素，請直接使用畫布對象。

示例使用上下文：

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

，並在這兩個的ECMAScript版本的細微差別熟悉：
http://help.adobe.com/en_US/AS2LCR/Flash_10.0/help.html?content=00000064.html
What are the key differences between JavaScript and ActionScript 3?

來源

2013-07-08 02:20:04 K3N

有兩種方法可供

純帆布
大教堂

兩者有本質JavaScript與它們呈現方式的區別。

對於遊戲，人們普遍青睞canvas方法。這是由於畫布性能現在已經超過了DOM的性能。

但這一天結束，這是所有工作的Javascript。所以這就是你想要學習的東西。

來源

2013-07-08 00:53:33 Jarrod

我是否需要學習CSS3和HTML的基礎來製作HTML5遊戲和動態網頁應用程序？

回答

相關問題