JavaScript实现2048小游戏,我终于赢了一把,音视频时代你还不会NDK开发

一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】分享一些前端面试题以及学习路线给大家天花板技术停滞不前!**
摘要由CSDN通过智能技术生成

//创建卡片

G2048.prototype.drawCard=function(){

var that=this;

var card;

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

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

card = new Card(i,j);

that.cards[i][j]=card;

that.renderArr.push(card);

}

}

}

  1. 调用绘制代码

在这里插入图片描述

运行效果:

在这里插入图片描述

  1. 修改一下卡片的默认数字

在这里插入图片描述

在这里插入图片描述

随机生成一个卡片,2或者4


  1. 先把Card中 num 默认改成0
  1. 因为2跟4出现的比例是1:4,所以采用随机出1-5的数字,当是1的时候就表示,当得到2、3、4、5的时候就表示要出现数字2.
  1. 随机获取i,j 就可以得到卡片的位置,割接i,j取到card实例,如果卡片没有数字,就表示可以,否则就递归继续取,取到为止。
  1. 把刚才取到的数字,设置到card实例对象中就好了。

代码如下:

//随机创建一个卡片

G2048.prototype.createRandomNumber=function(){

var num = 0;

var index = _.getRandom(1,6);//这样取出来的就是1-5 之间的随机数

//因为2和4出现的概率是1比4,所以如果index是1,则创建数字4,否则创建数字2(1被随机出来的概率就是1/5,而其他就是4/5 就是1:4的关系)

console.log(‘index===’+index)

if(index==1){

num = 4;

}else {

num = 2;

}

//判断如果格子已经满了,则不再获取,退出

if(this.cardFull()){

return ;

}

//获取随机卡片,不为空的

var card = this.getRandomCard();

//给card对象设置数字

if(card!=null){

card.num=num;

}

}

//获取随机卡片,不为空的

G2048.prototype.getR

  • 13
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值