在学习HTML5时，别忘了CSS技术

哥特帝景 2012-05-23 05:13:10

加精

笔者就html5学习展开思考，光学大赛官网上的关于html5的知识是不够的，参赛作品不仅仅光需要html5更需要各个方面的组合，所以团队各个成员学习的侧重点最好不同，CSS对软件的重要性这里就不过多赘述了。学习有关CSS的课程我们现在最好尽快开始。
善于运用CSS知识

你最好很擅长CSS技术，因为让游戏在桌面电脑平台、Android手机及所有iOS设备的主流浏览器流畅运行，需要用到大量的CSS知识。我们有一个网页开发者的任务就是处理与CSS相关的工作，针对多种移动设备创建可动态变换尺寸的菜单。在电子游戏设计中，有50％的工作用于创建菜单。而HTML5跨平台游戏开发中有50％属于与CSS相关的工作。

*我们的实践证明，开发者可以使用HTML5制作出很棒的跨平台等视距游戏。

*如果玩家可以在一个设备上玩某款游戏，多数人就会想在手机或平板电脑上继续体验该游戏。

*制作HTML5跨平台游戏需进行大量试验。

*虽然HTML5很强大，但仍有一些不甚完善之处。

*跨平台游戏体验意味着，游戏设计之初就要考虑到用户在不同设备上的体验。

*不可在手机游戏中植入需进行大量堆叠或过度拖动的操作。

*最好很精通CSS技能。

以下是我们在Facebook平台开发跨平台HTML5游戏的一些极有帮助的参考资料：

1）viewporter. https://github.com/zynga/viewporter. 这个Zynga开源代码允许你获取任何设备的屏幕尺寸，并针对这些屏幕调整游戏大小。它比你自己从头编写代码更省时间（我们用过Viewporter，也自己写过代码，所以才会知道这一点。）

2）Weinre.http://phonegap.github.com/weinre/. 这个远程调试器工作原理类似于Web Inspector，但它运行于移动设备。它有助于追踪iPhone和iPad等设备上的控制台错误信息。

3）JQuery. http://jquery.com/ 你可以利用这个库中现成的代码，省下自己写代码的时间。它对文本动画处理极有用处，我们进行了一些修改并推出了JQuery Mobile，它更适用于移动设备平台。

4）node.JS. http://nodejs.org/ 在你使用Javascript编写内容时，它可以让你省时省力地使客户端代码及服务器相适配。在作为游戏服务器时，node.JS的扩展性能也十分理想。

笔者就html5学习展开思考，光学大赛官网上的关于html5的知识是不够的，参赛作品不仅仅光需要html5更需要各个方面的组合，所以团队各个成员学习的侧重点最好不同，CSS对软件的重要性这里就不过多赘述了。学习有关CSS的课程我们现在最好尽快开始。
原文地址:http://g.csdn.net/5220683

...全文