Egret社区

葵花宝典--横屏游戏篇(上)

2014-8-15 11:52
2347751
本帖最后由 张宇 于 2015-4-29 10:58 编辑

各位大侠学了egret以后,做竖屏游戏现在应该是手拿把掐了。但是横屏游戏还没有官方的正式解决方案,咱们只好用民间的旁门左道解决。办法土,但效果挺好的,用了都知道。


比如你做一个800x640的游戏,如果按照默认的配置,竖屏只能显示一小块区域。如图1所示。如果横屏后刷新页面,又会超出页面。具体啥样我就不截图了,自己试试就知道了。那怎么办呢?很简单嘛,把游戏旋转90度,竖起来不就行了,如图2所示。理论上这是一个竖屏游戏,只不过玩的时候要横着玩,明白了没?以你超过250的智商应该不难理解吧。理解不了也没关系,跟着后面的修改方法照着做就是了,很简单滴。
p1.jpg p2.jpg


操作步骤:
注:下面步骤里的800和640是我游戏的宽高,需要修改成你自己的数值
1.把luncher里的文件备份一下。平时制作的时候还是要正常样子的,要不都成歪脖了。等最终发布了再用修改后的文件
2.打开release.html,修改这一行,因为理论上这是一个竖屏游戏,所以宽高要按照竖着的设定。
p3.jpg

3.打开egret_loader.js
继续修改分辨率,还是要按照竖着的设定
QQ截图20141118142752.png

旋转90度,然后重新定位,其实就这新增的2行有技术含量
p5.jpg


好了,完了,成了,上传到服务器,手机打开,是不是就是横屏游戏了。
QRCode.png
http://www.zhihuasi.com/games/tway/
效果演示

第二种旋转方式:
上面那种方法在部分手机上显示有问题,那么再提供一种方式。在Main.ts这个主类里,new一个displayObject作为根容器,把所有的游戏内容都放到这里面,然后旋转这个displayObject。原理和上面那个方式差不多,就是旋转的位置不一样而已。

写在隐藏夹页的话
一般秘籍都会有诸如"欲练此功、必先自宫"的隐患,本文也不例外。
1.不保证浏览器和手机的兼容性,实测iphone5微信打开正常。
2.用户需要关闭重力感应,要不横过来的游戏又会转90度。
3.只适用于有点击操作的游戏。如果有滑动操作的话,因为旋转了90度,游戏里的坐标和滑动的方向也旋转了90度,操作会出现问题。


那怎么办呢?
当然有办法啦~
比如旋转了以后再转回来不就行啦~
触摸点的坐标转换一下不就行啦~
这么简单为什么不写具体怎么做呢~
因为我没时间啦~
等以后有时间再写啦~
欢迎你来补充全啦~

to be continue...

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
葵花宝典--横屏游戏篇(下)
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑






参与人数 1威望 +1 收起 理由
A闪 + 1 很给力!

查看全部评分

分享到 :
23 人收藏

51 个回复

倒序浏览
coyote  登堂入室 | 2014-8-15 15:04:35
非常棒
coyote  登堂入室 | 2014-8-15 15:08:22
表示mini扫描,白屏显示轻触屏幕重新加载,点了依旧木有反映
张宇  官方团队 | 2014-8-15 15:48:00
coyote 发表于 2014-8-15 15:08
表示mini扫描,白屏显示轻触屏幕重新加载,点了依旧木有反映

你用什么打开的,我最新的ipad mini safari打开可以显示,除了适配没做。
coyote  登堂入室 | 2014-8-16 16:54:25
张宇 发表于 2014-8-15 15:48
你用什么打开的,我最新的ipad mini safari打开可以显示,除了适配没做。

我是用微信,扫描打开的
lixin2628  圆转纯熟 | 2014-8-23 11:02:07
赞一个!!
dily3825002  社区管理员 | 2014-8-25 10:39:39
赞一个!
abc  略有小成 | 2014-9-12 22:12:26
不错,这个可以收藏。
xubigshu  初学乍练 | 2014-9-18 17:25:14
能提供源码就更棒了啊 新人正在学习中
ztxxxx  初学乍练 | 2014-9-19 10:18:34
看来我智商超过250了。。。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|京网文[2014]0791-191号|京ICP证150115号|Egret社区 ( 京ICP备14025619号

Powered by Discuz! X3.2 © 2001-2019 Comsenz Inc.

返回顶部