我需要学习CSS3和HTML的基础知识来制作HTML5游戏和动态web应用程序吗

Question

我对制作HTML5游戏和动态web应用程序非常感兴趣。作为一个有Flash背景的人，我想重新制作我的Flash游戏，以及一些完整的Flash网站（其中大多数是艺术家和设计师的作品集），使用HTML5技术。我做了一些研究，发现CSS3和HTML标签（旧的和新的）一样是一个重要的元素。

那么，简单的问题是，要制作HTML5游戏，我只需要JavaScript和Canvas还是还有其他东西？

PS：我知道如何创建非常的基本HTML页面

Answer 1

正如你已经知道的ActionScript（Flash），它与JavaScript（ECMAScript）是相同的基础，你有它的基础。

你可以使用一个基本的网页，因为你只需要把画布元素放在里面：

<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
JavaScript和ActionScript3之间的主要区别是什么？

Answer 2

这个有两种方法

1. 纯帆布
2. Dom

两者本质上都是Javascript，在呈现方式上有所不同。

对于游戏，人们普遍喜欢画布的方式。这是由于最近画布的性能超过了DOM。

但归根结底，是Javascript让这一切发挥了作用。所以这才是你真正想要学习的。