本帖最后由 张宇 于 2015-4-29 10:58 编辑
各位大侠学了egret以后,做竖屏游戏现在应该是手拿把掐了。但是横屏游戏还没有官方的正式解决方案,咱们只好用民间的旁门左道解决。办法土,但效果挺好的,用了都知道。
比如你做一个800x640的游戏,如果按照默认的配置,竖屏只能显示一小块区域。如图1所示。如果横屏后刷新页面,又会超出页面。具体啥样我就不截图了,自己试试就知道了。那怎么办呢?很简单嘛,把游戏旋转90度,竖起来不就行了,如图2所示。理论上这是一个竖屏游戏,只不过玩的时候要横着玩,明白了没?以你超过250的智商应该不难理解吧。理解不了也没关系,跟着后面的修改方法照着做就是了,很简单滴。
操作步骤:
注:下面步骤里的800和640是我游戏的宽高,需要修改成你自己的数值
1.把luncher里的文件备份一下。平时制作的时候还是要正常样子的,要不都成歪脖了。等最终发布了再用修改后的文件
2.打开release.html,修改这一行,因为理论上这是一个竖屏游戏,所以宽高要按照竖着的设定。
3.打开egret_loader.js
继续修改分辨率,还是要按照竖着的设定
旋转90度,然后重新定位,其实就这新增的2行有技术含量
好了,完了,成了,上传到服务器,手机打开,是不是就是横屏游戏了。
http://www.zhihuasi.com/games/tway/
效果演示
第二种旋转方式:
上面那种方法在部分手机上显示有问题,那么再提供一种方式。在Main.ts这个主类里,new一个displayObject作为根容器,把所有的游戏内容都放到这里面,然后旋转这个displayObject。原理和上面那个方式差不多,就是旋转的位置不一样而已。
写在隐藏夹页的话
一般秘籍都会有诸如"欲练此功、必先自宫"的隐患,本文也不例外。
1.不保证浏览器和手机的兼容性,实测iphone5微信打开正常。
2.用户需要关闭重力感应,要不横过来的游戏又会转90度。
3.只适用于有点击操作的游戏。如果有滑动操作的话,因为旋转了90度,游戏里的坐标和滑动的方向也旋转了90度,操作会出现问题。
那怎么办呢?
当然有办法啦~
比如旋转了以后再转回来不就行啦~
触摸点的坐标转换一下不就行啦~
这么简单为什么不写具体怎么做呢~
因为我没时间啦~
等以后有时间再写啦~
欢迎你来补充全啦~
to be continue...
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
葵花宝典--横屏游戏篇(下)
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
|