- 注册时间
- 2016-1-11
- 最后登录
- 2016-2-22
- 阅读权限
- 20
- 积分
- 59
- 精华
- 0
- 帖子
- 15
|
lufylegend引擎也研究了一段时间了.做小游戏,就是一个字,快!
给大家介绍一种打包的思路.游戏逻辑不说了,就拿lufy大神的GEMGEM为例
首先下载工具 apiclould 我用的是sublime 插件
下载好后,在自己的电脑里任意位置建一个文件夹比如mytest,然后拖进sumlime
在sumlime里面选中文件夹,右键新建apicloud项目 -> 空白应用 ,在下方输入文件名,比如mytest
会出现如下目录结构
点击html->main.html
然后在右边的界面右键
点击open containing folder... 把里面的main.html删除,用记事本新建复制粘贴下方代码,保存为frame3.html,
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>空白</title>
</head>
<body>
</body>
</html>
同样的方法,frame4.html frame5.html
在html目录新建一个bs文件夹,
将GEMGEM里的文件
复制进去,同时把lufylegend.js也复制过去 把index.html 里面
删除 <script type="text/javascript" src="../load_lufylegend.js"></script>
改为 <script type="text/javascript" src="lufylegend-1.10.0.js"></script>
html目录如下
回到sublime ,你的目录结构应该是这样的
点击最下方的index.html
把原来的代码删除改为
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>空白</title>
<link rel="stylesheet" type="text/css" href="./css/api.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
</head>
<body>
</body>
</html>
<script type="text/javascript" src="script/api.js"></script>
<script type="text/javascript">
apiready = function () {
// my_showasgmo();
openMyFrame();
}
function openMyFrame(){
api.openFrameGroup ({
name: 'group1',
background: '#fff',
scrollEnabled: false,
rect: {
x: 0,
y: 0,
w: 'auto',
h: 'auto'
},
index: 1,
frames: [
{
name: 'frame2',
url: './html/frame3.html',
bounces: false,
bgColor: 'rgba(0,0,0,0)',
vScrollBarEnabled: false,
hScrollBarEnabled: false,
pageBounce:false
}
,
{
name: 'frame1',
url: './html/bs/index.html',
bounces: false,
bgColor: 'rgba(0,0,0,0)',
vScrollBarEnabled: false,
hScrollBarEnabled: false,
pageBounce:false
},
{
name: 'frame3',
url: './html/frame4.html',
bounces: false,
bgColor: 'rgba(0,0,0,0)',
vScrollBarEnabled: false,
hScrollBarEnabled: false,
pageBounce:false
},
{
name: 'frame4',
url: './html/frame5.html',
bounces: false,
bgColor: 'rgba(0,0,0,0)',
vScrollBarEnabled: false,
hScrollBarEnabled: false,
pageBounce:false
}
]
}, function( ret, err ){
if( ret ){
//alert( JSON.stringify( ret ) );
}else{
//alert( JSON.stringify( err ) );
}
});
}
</script>
保存后 右键 mytest 压缩widget包
打开apicloud 控制台,没有帐号先注册一个
进入后 点击 创建应用 -> 上传刚刚的 压缩包,就可以打包成 apk 或者 ios
不过还是会有些问题,就是 测试版很正常,但是,正是版会卡在load...
|
-
5.png
(6.96 KB, 下载次数: 1196)
|