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

javascript与canvas制作蜘蛛纸牌八色蜘蛛纸牌在线可玩,html5游戏,包括游戏AI

程序员文章站 2022-04-14 12:53:24
javascript与canvas制作蜘蛛纸牌八色蜘蛛纸牌在线可玩,html5游戏,包括游戏AI。 主要逻辑: 点击 触发事件,根据点击位置确认点击对象,触发发牌或拖动...

javascript与canvas制作蜘蛛纸牌八色蜘蛛纸牌在线可玩,html5游戏,包括游戏AI。

javascript与canvas制作蜘蛛纸牌八色蜘蛛纸牌在线可玩,html5游戏,包括游戏AI

主要逻辑:

点击 触发事件,根据点击位置确认点击对象,触发发牌或拖动事件。

拖动 在点击状态下拖动,重新绘制,更改拖动牌的位置。

释放 判断可否放置以决定是否移动牌。

 

牌使用二维数组

//移动接口
play.move = function(from, to, count) {
? ? var len = play.cards[from].length;
? ? var list = play.cards[from].splice(len-count);
? ? play.cards[to] = play.cards[to].concat(list);
? ? for (var i = 0; i < list.length; i++) {
? ? ? ? list[i].showtype = play.ShowType.display;
? ? }
? ? len = play.cards[from].length;
? ? if (len>0 && play.cards[from][len-1].showtype == play.ShowType.back) {
? ? ? ? play.cards[from][len-1].showtype = play.ShowType.display;
? ? }
? ? play.stepCount++;
? ? if (play.checkDone(play.cards[to])) {
? ? ? ? play.doneCards(play.cards[to]);
? ? ? ? play.trace = Array();
? ? }?
}