Egret社区

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

2014-8-15 11:52
2917351
本帖最后由 张宇 于 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 个回复

正序浏览
李晓飞  圆转纯熟 | 2015-10-20 16:16:44
暴走小绵羊  圆转纯熟 | 2015-9-28 13:22:49
一流
hbjhebb123  登堂入室 | 2015-9-15 01:22:39
求源码301085344@qq.com
暴走小绵羊  圆转纯熟 | 2015-9-14 15:23:10
围观
taiyang5535  登堂入室 | 2015-7-29 20:15:27
vcc 发表于 2015-3-13 14:33
我来告诉你具体怎么做吧 我已经做过一遍了  
事件的坐标转换在  egret.context.interactive.TouchContext  ...

请问您有写好的 TouchContext没?求给一份,谢谢
twjavaleon  登堂入室 | 2015-7-2 12:21:19
ma26973718  初学乍练 | 2015-7-2 11:27:33
好贴。。。。。。。。。。。
steven1041  自成一派 | 2015-6-15 14:43:25
果真是葵花宝典!
zhufu  登堂入室 | 2015-6-5 13:26:26
点赞!!!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

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

返回顶部