我非常喜欢制作HTML5游戏和动态web应用程序。作为一个有Flash背景的人,我想重新制作我的闪存游戏,以及一些全闪网站(其中大部分是艺术家和设计师的组合),使用HTML5技术。我做了一些研究,似乎CSS3是一个重要的元素,以及HTML标记(旧的和新的)。
那么,简短的问题,要制作HTML5游戏,我只是需要JavaScript和画布,还是有其他的东西?
PS :我知道如何创建一个非常的基本HTML页面
发布于 2013-07-08 02:20:04
正如您已经知道的,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不会影响画布内部的任何东西(基本上是位图),只有画布元素本身。
您真正需要做的就是首先阅读canvas:
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版本中的细微差别:
10.0/help.html?content=00000064.html
What are the key differences between JavaScript and ActionScript 3?
发布于 2013-07-08 00:53:33
对此有两种方法
两者本质上都是Javascript,但呈现方式不同。
对于游戏来说,人们通常倾向于使用画布方法。这是因为现在的画布性能已经超过了DOM的性能。
但最终,这一切都是由Javascript完成的。所以这才是你真正想学的。
https://stackoverflow.com/questions/17517840
复制相似问题