如何在Cocos引擎中配置Html5游戏开发环境

html-css011

如何在Cocos引擎中配置Html5游戏开发环境,第1张

1.Cocos2d-JS引擎 Cocos2d-JS引擎是Cocos2d-x的JS版本,它极大简化与整合的API设计使得游戏开发变得前所未有地轻松。依托Web使Cocos2d-JS享有高效的开发测试环境,命令行工具提供三步就可以搞定Web与Native全部署的便捷功能。 2.Cocos C

主要原因是在移动互联网时代,玩家的娱乐需求更加碎片化,而HTML5游戏更符合这种娱乐趋势。

以HTML5游戏《打飞机》为例,玩家的操作方式简单方便,为划屏控制,在攻击炮弹输出、爆炸特效、大技能效果等各方面都表现出色。点击“马上玩”在短短几秒就可跳转到游戏界面,准入门槛相当低。

玩家对HTML5游戏接受度非常之高,与此同时,手游的开发成本、营销成本居高不下,3D超重度游戏竞争非常惨烈,HTML5游戏则为开发者提供了一个发展出位的新思路。于是HTML5游戏占领玩家屏幕、获得开发者重视也不足为怪。

<canvas

width="800"

height="480"

style="width:800pxheight:480px"></canvas>

有两个地方可以设置尺寸,开发的时候,使用style外边的width和height。

实际显示的时候,通过设置style中的width和height来适应各种分辨率。

游戏开发和网页布局思路不一样,网页布局会根据分辨率不同,来填充整个屏幕,游戏开发一般是在一个固定尺寸的画布上开发,然后调整整个画布来适应屏幕。

移动端,分辨率相差太大,做一个尺寸,然后等比缩放,可能不能适应所有分辨率。

这时候,就需要设计多种分辨率了。

安卓开发就是多种分辨率,对应多套素材。html5方面,cocos做了多分辨率的适应,开发者只需要关注设计尺寸就可以了。egret不了解,可以自己看一下。

这种适应解决的问题是:对于小屏,用尺寸大的素材,浪费资源,而且性能会很差;对于大屏,用尺寸小的素材,显示效果会比较差。

只适用于长宽比一定,但是分辨率差的很多的情况。

对于长宽比不一样的情况,只能是居中,留白(最好是用背景填充),毕竟,不可能针对每一种分辨率开发一套。