打包2048小游戏到手机
程序员文章站
2022-08-03 17:49:33
代码:根据上次的讲解,咱们这次继续,只需要在上次代码的最后,在封装一个函数,手机触屏的事件,在start里面调用一下这个函数即可。//手机触屏事件remove : function(){var startX,startY,endX,endY;document.addEventListener('touchstart',function(){console.log(event);//touches:正在触摸屏幕的所有手指的一个列表。startX = event.t...
代码:
根据上次的讲解,咱们这次继续,只需要在上次代码的最后,在封装一个函数,手机触屏的事件,在start里面调用一下这个函数即可。
//手机触屏事件
remove : function(){
var startX,startY,endX,endY;
document.addEventListener('touchstart',function(){
console.log(event);
//touches:正在触摸屏幕的所有手指的一个列表。
startX = event.touches[0].pageX;
startY = event.touches[0].pageY;
})
document.addEventListener('touchend',function(){
//changedTouches:涉及当前事件的手指的一个列表
endX = event.changedTouches[0].pageX;
endY = event.changedTouches[0].pageY;
var X = endX - startX;
var Y = endY - startY
var absX = Math.abs(X) > Math.abs(Y);
var absY = Math.abs(Y) > Math.abs(X);
if(X > 0 && absX){
// console.log("右滑动");
game.moveRight();
}else if(X < 0 && absX){
// console.log("左滑动")
game.moveLeft();
}if(Y > 0 && absY){
// console.log("下滑动");
game.moveDown();
}if(Y < 0 && absY){
// console.log("上滑动");
game.moveUp();
}
});
}
需要工具:
HBuilder
登录账号
点击左上角文件 --> 选择新建 --> 移动 App
把自己的项目文件复制进这个文件 注意不要全部一起复制,不然会出问题,一个一个复制。记得把开始创建的移动APP里的index.html删掉 换成自己的。
然后点击manifest.json
在这里更换图标(在手机端软件图片)
如果要添加进入页面缓冲的等待页面图片,就在这里添加图片
后面其他的就不用管了 然后选中 你的文件 点击发行
选第一个 然后就可以打包 成一个apk文件 就可以在手机下载
本文地址:https://blog.csdn.net/Orange_Sheep/article/details/107345077
推荐阅读