java小程序 2048_微信小程序之游戏2048

主要用来锻炼逻辑思维能力

ec7ab94ede71

image.png

可以选模式

ec7ab94ede71

image.png

这里面主要解决的问题是:

1.判断滑动方向

//在滑动块级绑定滑动开始和滑动结束的方法

很原始的方法,startFn时保存开始的(x,y),endFn时保存结束的(x1,y2),根据这四个参数 判断方向,算法在方法directionFn里

2.根据滑动方向进行叠加

叠加方法在afterslider里

全部代码如下

html代码:

{{score}}分

{{step}}步

{{time}}s

{{v.number}}

{{item.name}}

规模

4*4

3*3

规模

{{item.name}}

Submit

js代码:

Page({

/**

* 页面的初始数据

*/

data: {

cellArr:[],

zhezhangc:true,

modal:3,

score:0,

toushstart:[],

toolindex:2,

step:30,

time:60,

tool: [{ 'name': '无限模式', 'status': 2, 'class': 'speed' },{ 'name': '计时模式', 'status': 0, 'class': 'time' }, { 'name': '计步模式', 'status': 1, 'class': 'speed' }]

},

formSubmit(e) {

console.log(e.detail.value.radiogroup);

this.setData({ modal: e.detail.value.radiogroup, zhezhangc:false});

this.initFn();

},

choosemodal: function (event){

this.setData({ toolindex: event.currentTarget.dataset.data.status});

},

openmenu:function(){

var this_ = this;

this.setData({ zhezhangc: !this_.data.zhezhangc });

},

// 初始化

initFn:function(){

var modal = this.data.modal;

var cellArr = [];

for (var i = 0; i < modal; i++) {

var iarr = [];

for (var j = 0; j < modal; j++) {

iarr.push({ coordinate: [i, j], number: 0 });

}

cellArr.push(iarr);

}

// 二维数组转一维数组

var initget = 1;//第一次先放一个

var this_ = this;

var random_row = Math.round(Math.random() * (modal - 1));

var random_cell = Math.round(Math.random() * (modal - 1));

var getnumber = [2,4,8];

if (cellArr[random_row][random_cell].number==0){

// 如果在空白处就放一个方块

cellArr[random_row][random_cell].number = getnumber[Math.round(Math.random() * 2)];

}

this.setData({ cellArr: cellArr });

},

scoreFn:function(num_){

var score_ = this.data.score;

this.setData({

score:score_+num_*2

})

},

refreshcoordinate:function(){

var cellArr = this.data.cellArr;

var modal = this.data.modal;

var random_row;

var random_cell;

var this_ = this;

for(var i = 0;i<1000;i++){

random_row = Math.round(Math.random() * (modal - 1));

random_cell = Math.round(Math.random() * (modal - 1));

if (cellArr[random_row][random_cell].number == 0) {

cellArr[random_row][random_cell].number = 2;

break;

}

}

var isgame = this.gameover();

var tooltype = this.data.toolindex;

var step_ = this.data.step;

if (isgame && step_ > 0){

this_.setData({

cellArr: cellArr,

cellArrBefore: cellArr

});

if (tooltype == 1){

this_.setData({

step: this.data.step - 1

});

}

}else{

wx.showModal({

title: '提示',

content: '游戏结束',

});

this_.setData({

cellArr: [],

step:30,

score: 0

});

this_.initFn();

}

},

gameover:function(){

var cellArr = this.data.cellArr;

var modal = this.data.modal;

var gamecontine_ = false;

for(var i = 0;i

for (var j = 0; j < modal; j++) {

if (cellArr[i][j].number==0){

gamecontine_ = true;

}

}

}

return gamecontine_;

},

redo:function(){

var this_ = this;

this.setData({

cellArr:this_.data.cellArrBefore

});

},

// 滑动开始

startFn: function (event){

var X_ = event.touches[0].clientX;

var Y_ = event.touches[0].clientY;

this.setData({ toushstart: [X_,Y_]});

},

// 滑动结束

endFn: function (event) {

var eX = event.changedTouches[0].clientX;

var eY = event.changedTouches[0].clientY;

var dir = this.directionFn(eX, eY);

this.afterslider(dir);

},

// 判断方向

directionFn:function(endX,endY){

var sX = this.data.toushstart[0];

var sY = this.data.toushstart[1];

var eX = endX;

var eY = endY;

// console.log('start' + this.data.toushstart+','+sY+'end:'+eX+','+eY);

// 求角度

var a = eX-sX+1;

var b = sY-eY+1;

var angle = Math.abs(b / a);

var direction_;

// console.log('a:' + a + ',b:' + b + ',angle:' + angle);

if (a > 0 && angle<1){

direction_ = 1;

// console.log('右边');

}

if (a < 0 && angle < 1) {

direction_ = 3;

// console.log('左边');

}

if (b > 0 && angle > 1) {

// console.log('上边');

direction_ = 0;

}

if (b < 0 && angle > 1) {

// console.log('下边');

direction_ = 2;

}

return direction_;//上右下左对应0,1,2,3

},

// 根据方向做后续操作

afterslider:function(dir){

var this_ = this;

var modal = this.data.modal;

var cellArr = this.data.cellArr;

var test_ = this.data.test;

switch(dir){

case 0:

// 从上往下循环

for(var i = 1;i

for (var j = 0; j < modal; j++) {

var thisCell = cellArr[i][j];

for(var k=i;k>0;k--){

if (cellArr[k - 1][j].number == 0) {

cellArr[k - 1][j].number = cellArr[k][j].number;

cellArr[k][j].number = 0

}else{

if (cellArr[k - 1][j].number == cellArr[k][j].number) {

var num_ = cellArr[k][j].number;

cellArr[k][j].number = 0;

cellArr[k - 1][j].number = num_ * 2;

this_.scoreFn(num_);

}

}

}

}

}

break;

case 2:

// 从下往上循环

// modal - 2是因为,最底下的方块不用管了

for (var i = modal - 2; i >= 0; i--) {

for (var j = 0; j < modal; j++) {

var thisCell = cellArr[i][j];

for(var k = i;k

if (cellArr[k + 1][j].number == 0) {

cellArr[k + 1][j].number = cellArr[k][j].number;

cellArr[k][j].number = 0

} else {

if (cellArr[k + 1][j].number == cellArr[k][j].number) {

var num_ = cellArr[k][j].number;

cellArr[k][j].number = 0;

cellArr[k + 1][j].number = num_ * 2;

this_.scoreFn(num_);

}

}

}

}

}

break;

case 1:

for (var j = modal - 2; j >= 0;j--){

for(var i=0;i

var thisCell = cellArr[i][j];

for (var k = j; k < modal - 1; k++) {

if (cellArr[i][k + 1].number == 0) {

cellArr[i][k + 1].number = cellArr[i][k].number;

cellArr[i][k].number = 0

} else {

if (cellArr[i][k + 1].number == cellArr[i][k].number) {

var num_ = cellArr[i][k].number;

cellArr[i][k].number = 0;

cellArr[i][k + 1].number = num_ * 2;

this_.scoreFn(num_);

}

}

}

}

}

break;

case 3:

// 从左往右

for(var j = 1;j

for (var i = 0; i < modal; i++) {

var thisCell = cellArr[i][j];

for (var k = j; k >0; k--) {

if (cellArr[i][k - 1].number == 0) {

cellArr[i][k - 1].number = cellArr[i][k].number;

cellArr[i][k].number = 0

} else {

if (cellArr[i][k - 1].number == cellArr[i][k].number) {

var num_ = cellArr[i][k].number;

cellArr[i][k].number = 0;

cellArr[i][k - 1].number = num_ * 2;

this_.scoreFn(num_);

}

}

}

}

}

break;

}

this.refreshcoordinate();

},

watchAgain: function (cellArr, k, j, num_){

if(cellArr[k - 1][j].number == cellArr[k][j].number) {

cellArr[k][j].number = 0;

cellArr[k - 1][j].number = num_ * 2;

var k_ = k - 1;

this.watchAgain(cellArr, k_, j);

}

}

,

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

this.initFn();

},

/**

* 生命周期函数--监听页面初次渲染完成

*/

onReady: function () {

},

/**

* 生命周期函数--监听页面显示

*/

onShow: function () {

},

/**

* 生命周期函数--监听页面隐藏

*/

onHide: function () {

},

/**

* 生命周期函数--监听页面卸载

*/

onUnload: function () {

},

/**

* 页面相关事件处理函数--监听用户下拉动作

*/

onPullDownRefresh: function () {

},

/**

* 页面上拉触底事件的处理函数

*/

onReachBottom: function () {

},

/**

* 用户点击右上角分享

*/

onShareAppMessage: function () {

}

})

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/347715.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java面向对象(8)--继承性

多个类中存在相同属性和行为时&#xff0c;可以将这些内容抽取到单独一个类中&#xff0c;那么多个类无需再定义这些相同的属性和行为&#xff0c;只要继承那个类即可。 这里的多个类称为子类(派生类)&#xff0c;单独的这个类称为父类(基类或超类)。 语法格式&#xff1a;cla…

aimesh node重启_华硕 RT-AC86U 和 网件 R7000 组 AiMesh 成功

家里之前买了一个 R7000 主路由器&#xff0c;后来我嫌我房间里的信号有点烂( 5G 信号只能 2 格&#xff0c;网速比 2.4G 还慢)&#xff0c;所以就入手了一个华硕 RT-AC86U 作为主路由器&#xff0c;R7000 则作为 AP。在买的时候就想组 AiMesh&#xff0c;但是因为种种事情耽搁…

maven ant_如何在Maven中运行Ant目标?

maven antmaven-antrun-plugin允许我们在各种maven构建阶段中运行ant目标。 我将专门为具有开发环境的开发人员解释maven-antrun-plugin的非常实际的用法。 通常&#xff0c;使用maven build&#xff0c;您会将项目捆绑到war文件或ear文件中。 您可以使用maven-antrun-plugin…

java中打开文件显示_在默认文件资源管理器中打开文件,并使用JavaFX或普通Java突出显示它...

我想做标题所说的.部分解决方案例如,在Windows中,您可以使用以下代码在默认资源管理器中打开文件并突出显示它.(虽然它需要修改包含空格的文件)&#xff1a;/*** Opens the file with the System default file explorer.** param path the path*/public static void openFileLo…

win10下vscode配置c语言环境

1、C编译器下载 C编译器&#xff08;MinGW-W64 GCC&#xff09;的下载&#xff1a;点击官方下载 或者点击网盘下载提取码为karj 下载完成后解压&#xff0c;将解压后的文件夹放到合适的位置&#xff0c;点开其bin子文件夹&#xff0c;复制路径。 2、win10下环境变量配置 ①…

Java面向对象(11)--多态性

父类 变量名 new 子类&#xff08;&#xff09;&#xff1b;对象的多态性&#xff1a;父类的引用指向子类的对象 Java引用变量有两个类型&#xff1a;编译时类型和运行时类型。编译时类型由声明 该变量时使用的类型决定&#xff0c;运行时类型由实际赋给该变量的对象决定。简…

Java面向对象(12)--对象类型转换 (Casting )

基本数据类型的Casting&#xff1a; ①自动类型转换&#xff1a;小的数据类型可以自动转换成大的数据类型 如long g20; double d12.0f ②强制类型转换&#xff1a;可以把大的数据类型强制转换(casting)成小的数据类型 如 float f(float)12.0; int a(int)1200L Java对象的强制…

知识蒸馏 循环蒸馏_Java垃圾收集蒸馏

知识蒸馏 循环蒸馏串行&#xff0c;并行&#xff0c;并发&#xff0c;CMS&#xff0c;G1&#xff0c;Young Gen&#xff0c;New Gen&#xff0c;Old Gen&#xff0c;Perm Gen&#xff0c;Eden&#xff0c;Tenured&#xff0c;Survivor Spaces&#xff0c;Safepoints和数百个JVM…

Javascript中的AES加密和Java中的解密

AES代表高级加密系统&#xff0c;它是一种对称加密算法&#xff0c;很多时候我们需要在客户端加密一些纯文本&#xff08;例如密码&#xff09;并将其发送到服务器&#xff0c;然后由服务器解密以进行进一步处理.AES加密和解密更加容易在相同的平台&#xff08;例如Android客户…

Java面向对象(14)--包装类的使用

针对八种基本数据类型定义相应的引用类型—包装类&#xff08;封装类&#xff09;&#xff0c;有了类的特点&#xff0c;就可以调用类中的方法。 基本数据类型 <——> 包装类&#xff0c;String——>包装类 ①装 int num 9; Integer int1 new Integer(num); Syste…

资源泄漏如何处理_处理缓慢的资源泄漏

资源泄漏如何处理使用Java监视器查找资源泄漏 查找缓慢的资源泄漏是使应用程序服务器长时间保持正常运行的关键。 在这里&#xff0c;我解释了如何使用Java监视器来发现缓慢的资源泄漏&#xff0c;以及如何验证它们是否是实际泄漏&#xff0c;而不仅仅是额外的预分配到某些HTTP…

mac php 超时,PHP---Mac上开启php错误提示

发现在使用mac 上 PHP开发项目的时候&#xff0c;程序代码错误的时候没有错误提示&#xff0c;只是提示白板。研究和查找资料才调整了一下; 步骤如下&#xff1a;1.找到php.ini文件如图所示&#xff1a;1)找到 display_errors Off &#xff0c;把Off 改为 On . 最后为 display…

tomcat 轮询_用Spring长轮询Tomcat

tomcat 轮询就像喜剧演员弗兰基 豪威尔 &#xff08; Frankie Howerd&#xff09;所说的“噢&#xff0c;小姐小姐” &#xff0c;但足够多的英国影射和双重诱惑&#xff0c;因为长轮询Tomcat对隔壁的闷气不是某种性的偏见&#xff0c;这是一种技术&#xff08;或更像是一种hac…

免费网络研讨会:Java应用程序中的吞咽异常

1月30日参加我们的网络研讨会&#xff0c;以发现Java应用程序中的“隐藏”异常。 如果一棵树落在森林中&#xff0c;但是没有写到原木上&#xff0c;它会发出声音吗&#xff1f; 答案是肯定的。 这些类型的错误可能会对用户体验造成严重影响&#xff0c;而没有根本原因的可见性…

Java面向对象(17)--类代码块

静态代码块&#xff1a;用static 修饰的代码块 ①可以有输出语句。 ②可以对类的属性、类的声明进行初始化操作。 ③不可以对非静态的属性初始化&#xff0c;即&#xff1a;不可以调用非静态的属性和方法。 ④ 静态代码块随着类的加载而加载并执行&#xff0c;类加载一次&…

js 和java有关系吗,javascript和JAVA有什么关系

2017-07-28Java调用javascriptpackage co。test;import java。io。FileReader;import java。io。LineNumberReader;import org。mozilla。 javascript。Context;import org。mozilla。javascript。Function;import org。mozilla。javascript。Scriptable;public class JSExplor…

php检测一个变量是否设置函数,php如何判断变量是否有设置的函数

php判断变量是否有设置的函数的方法&#xff1a;可以利用isset()函数来进行判断。isset()函数用于检测变量是否已设置并且非NULL。如果指定变量存在且不为NULL&#xff0c;则返回TRUE&#xff0c;否则返回FALSE。isset() 函数用于检测变量是否已设置并且非 NULL。(推荐教程&…

mockito_吸收Mockito的流利度

mockito我最近发现自己编写了一些代码来集成两个不同的平台。 这些系统之一是基于Java的系统&#xff0c;而另一个虽然不是用Java编写的&#xff0c;却提供了Java API。 我将这些系统分别称为Foo和Bar。 在我编写一行代码之前就很明显了&#xff0c;但是&#xff0c;测试最终…

Java异常处理(1)--异常概述与异常体系结构

在Java语言中&#xff0c;将程序执行中发生的不正常情况称为“异常”。(开发过程中的语法错误和逻辑错误不是异常) Java程序在执行过程中所发生的异常事件可分为两类&#xff1a; ①Error&#xff1a;Java虚拟机无法解决的严重问题。如&#xff1a;JVM系统内部错误、资源耗尽等…

Payara Micro在Oracle应用容器云上

在此博客文章中&#xff0c;我将介绍如何将打包在Payara Microber -jar中的CloudEE Duke应用程序部署到Oracle Application Container Cloud 。 在Oracle Application Container Cloud中进行部署所需的部署工件是一个ZIP归档文件&#xff0c;其中包含应用程序ber-jar和清单文件…