欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

打包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

打包2048小游戏到手机

登录账号
点击左上角文件 --> 选择新建 --> 移动 App
把自己的项目文件复制进这个文件 注意不要全部一起复制,不然会出问题,一个一个复制。记得把开始创建的移动APP里的index.html删掉 换成自己的。
打包2048小游戏到手机
然后点击manifest.json
打包2048小游戏到手机

在这里更换图标(在手机端软件图片)
打包2048小游戏到手机

如果要添加进入页面缓冲的等待页面图片,就在这里添加图片
打包2048小游戏到手机
后面其他的就不用管了 然后选中 你的文件 点击发行
选第一个 然后就可以打包 成一个apk文件 就可以在手机下载
打包2048小游戏到手机

本文地址:https://blog.csdn.net/Orange_Sheep/article/details/107345077