在学习HTML5时,别忘了CSS技术
2012-05-17 21:12
204 查看
笔者就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的课程我们现在最好尽快开始。
善于运用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的课程我们现在最好尽快开始。
相关文章推荐
- 在学习HTML5时,别忘了CSS技术
- 在学习HTML5时,别忘了CSS技术
- 学习web开发,理解HTML,XHTML,XML,CSS,JS等技术的关系后,眼界会更宽(publish by sunwei)
- 一个学习html(dom),js,css,xml等所有web技术的好网站
- 学习web开发,理解HTML,XHTML,XML,CSS,JS等技术的关系后,眼界会更宽(pu...
- 学习Web基础(HTML/CSS/JS)+服务器端技术(LAMP)
- 我的学习笔记005--常见web前台技术之间的关系html,css,javascript...
- web(html/xml/css/webservice等)技术学习网站
- 七海的html和css学习笔记(十四)
- HTML+CSS基础学习笔记2
- HTML+CSS学习路线
- 学习笔记--HTML+CSS基础(二)
- 近段时间学习html和CSS的一些细碎总结
- Head First HTML 与 CSS 学习笔记
- HTML/CSS 学习笔记(三)
- 切图psd to html页面制作技术学习与总结
- HTML和CSS学习日记之CSS布局模型
- HTML&CSS基础学习笔记1.21-语义化标签
- Html.CSS.JavaScript 学习经验
- [HeadFrist-HTMLCSS学习笔记][认识HTML中的“HT”]