首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >我需要学习CSS3和HTML的基础来制作HTML5游戏和动态web应用吗?

我需要学习CSS3和HTML的基础来制作HTML5游戏和动态web应用吗?
EN

Stack Overflow用户
提问于 2013-07-08 00:48:57
回答 2查看 362关注 0票数 0

我非常喜欢制作HTML5游戏和动态web应用程序。作为一个有Flash背景的人,我想重新制作我的闪存游戏,以及一些全闪网站(其中大部分是艺术家和设计师的组合),使用HTML5技术。我做了一些研究,似乎CSS3是一个重要的元素,以及HTML标记(旧的和新的)。

那么,简短的问题,要制作HTML5游戏,我只是需要JavaScript和画布,还是有其他的东西?

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

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-07-08 02:20:04

正如您已经知道的,ActionScript (Flash)是与JavaScript (ECMAScript)相同的基础,您有它的基础。

您可以使用基本的网页,因为您只需要将画布元素放在其中:

代码语言:javascript
运行
复制
<canvas id="myCanvas" width="500" height="400"></canvas>

在您引用的JavaScript代码中,您可以从以下内容开始:

代码语言:javascript
运行
复制
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

ctx或上下文是应用大多数绘图操作的地方。若要直接操作像素,请直接使用画布对象。

使用上下文的示例:

代码语言:javascript
运行
复制
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?

票数 0
EN

Stack Overflow用户

发布于 2013-07-08 00:53:33

对此有两种方法

  1. 纯帆布
  2. 多姆

两者本质上都是Javascript,但呈现方式不同。

对于游戏来说,人们通常倾向于使用画布方法。这是因为现在的画布性能已经超过了DOM的性能。

但最终,这一切都是由Javascript完成的。所以这才是你真正想学的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17517840

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档