对上一次的连连看程序进行了一点修改：
1 var llk = function () { 2 this.ReStart(); 3 } 4 llk.prototype = { 5 Init: function () { 6 //初始化游戏界面 7 for (var i = 0; i < 5; i++) { 8 this.Data.sort(function () { return 0.5 - Math.random() }); 9 } 10 for (var i = 0; i < 140; i++) { 11 var shucai = this.Images[i]; 12 shucai.className = this.className; 13 if(this.Data[i]!==null && this.Data[i]!=undefined){ 14 shucai.innerText = this.Data[i]; 15 }else{ 16 this.removeItem(shucai); 17 } 18 } 19 this.showLevel(); 20 this.showLife(); 21 this.Start(); 22 23 24 if (!this.HasNext()) { 25 if (!this.decreaseLife()) { 26 return; 27 } 28 this.Init(); 29 } 30 }, 31 InitData: function () {//随机生成游戏数据 32 if(this.leaveCount ==0 ){ 33 var Data = []; 34 var level = Math.min(this.currentLevel - 1, 5); 35 for (var i = 0; i < 70; i++) { 36 var _d = Math.round(Math.random() * (10+level)); 37 Data.push(_d); 38 Data.push(_d); 39 } 40 this.Data = Data; 41 this.leaveCount =140; 42 } 43 }, 44 Select: function (item) { 45 //点击元素，选择元素 46 if (this.isRemoved(item)) 47 return; 48 var from = this.getFrom(); 49 if (from == null) { 50 51 this.UnselectAll(); 52 53 this.setFrom(item); 54 //shucai.className = this.selectClassName; 55 56 } else if (from.target == item) { 57 return; 58 } 59 else { 60 this.setTo(item); 61 this.Check(); 62 } 63 }, 64 clearFrom: function () {//清楚起始点 65 var from = this.getFrom(); 66 if (from!=null) { 67 this.removeClassName(from.target, this.selectClassName); 68 } 69 this.From = null; 70 if (this.To != null) { 71 this.From = this.To; 72 this.To = null; 73 } 74 }, 75 clearTo: function () {//清楚终止点 76 if (this.To != null) { 77 this.removeClassName(this.To.target, this.selectClassName); 78 } 79 this.To = null; 80 }, 81 getFrom: function () { return this.From;}, 82 setFrom: function (item) { 83 this.From = this.Parse(item); 84 this.addClassName(item, this.selectClassName); 85 }, 86 getTo: function () { return this.To;}, 87 setTo: function (item) { 88 this.To = this.Parse(item); 89 this.addClassName(item, this.selectClassName); 90 }, 91 getItem: function (x, y) { 92 if(y == null||y == undefined){ 93 return this.Images[x]; 94 }else{ 95 return this.Images[y*14+x]; 96 } 97 }, 98 addClassName: function (item, className) { 99 if (!this.hasClassName(item, className)) { 100 item.className = item.className + " " + className; 101 } 102 }, 103 hasClassName: function (item, className) { 104 if (item.className.indexOf(className) > -1) { 105 return true; 106 } 107 return false; 108 }, 109 removeClassName: function (item, className) { 110 if (this.hasClassName(item, className)) { 111 var _class = item.className.split(' '); 112 item.className = ""; 113 for (var i = 0; i < _class.length; i++) { 114 if (_class[i] != className) { 115 item.className += _class[i] + " "; 116 } 117 } 118 } 119 }, 120 isRemovedByXY: function (x, y) { 121 return this.isRemoved(this.getItem(x,y)); 122 }, 123 isRemoved: function (item) { 124 return this.hasClassName(item, this.removedClassName); 125 }, 126 removeItem: function (item) { 127 item.innerHTML = " "; 128 this.addClassName(item, this.removedClassName); 129 }, 130 UnselectAll: function () { 131 var select = document.getElementsByClassName(this.selectClassName); 132 for (var i = select.length - 1; i >= 0; i--) { 133 this.removeClassName(select[i], this.selectClassName); 134 } 135 }, 136 Unselect: function (index) { 137 this.removeClassName(this.Images[index], this.selectClassName); 138 139 this.From = null; 140 if(this.To!=null){ 141 this.Select(this.To); 142 } 143 this.To = null; 144 }, 145 Check: function () { 146 if (this.CheckType() && this.CheckPath()) { 147 var from = this.getFrom(); 148 var to = this.getTo(); 149 this.clearTo(); 150 this.clearFrom(); 151 this.Remove(from, to); 152 } else { 153 this.clearFrom(); 154 } 155 }, 156 CheckType: function (fIndex, tIndex) { 157 //检查选择的两个 点数据类型是否一致 158 if (fIndex != null && tIndex != null) { 159 if (this.Data[fIndex] != this.Data[tIndex]) { 160 return false; 161 } 162 } else { 163 var from = this.getFrom(), 164 to = this.getTo(); 165 166 if (this.Data[from.index] != this.Data[to.index]) { 167 return false; 168 } 169 } 170 return true; 171 }, 172 isBeside: function (p1, p2) {//相邻 173 if ((p1.x == p2.x && Math.abs(p1.y - p2.y) == 1) || 174 (p1.y == p2.y && Math.abs(p1.x - p2.x) == 1)) { 175 this.addPath(p2); 176 return true; 177 } 178 return false; 179 }, 180 isLine: function (from, to) { 181 //检查两个点是否直线相连 182 var flag = true; 183 if (from.x == to.x) { 184 for (var i = Math.min(from.y, to.y) + 1 ; i < Math.max(from.y, to.y) ; i++) { 185 if (!this.isRemovedByXY(from.x, i)) { 186 flag = false; 187 break; 188 } 189 } 190 } else { 191 for (var i = Math.min(from.x, to.x) + 1 ; i < Math.max(from.x, to.x) ; i++) { 192 if (!this.isRemovedByXY(i, from.y)) { 193 flag = false; 194 break; 195 } 196 } 197 } 198 return flag; 199 }, 200 isBorder: function (p1, p2) {//邻边 201 if (0 == p1.x && 0 == p2.x) { 202 this.addPath([{ x: -1, y: p1.y }, { x: -1, y: p2.y },p2]); 203 return true; 204 } else if (0 == p1.y && 0 == p2.y) { 205 this.addPath([{ x: p1.x, y: -1 }, { x: p2.x, y: -1 },p2]); 206 return true; 207 } else if (13 == p1.x && 13 == p2.x) { 208 this.addPath([{ x: 14, y: p1.y }, { x: 14, y: p2.y },p2]); 209 return true; 210 } else if (9 == p1.y && 9 == p2.y) { 211 this.addPath([{ x: p1.x, y: 10 }, { x: p2.x, y: 10 },p2]); 212 return true; 213 } 214 return false; 215 }, 216 isCross: function (p1, p2) {//对角相邻 217 if (this.isRemovedByXY(p1.x,p2.y)) { 218 this.addPath([{ x: p1.x, y: p2.y },p2]); 219 return true; 220 } 221 else if (this.isRemovedByXY(p2.x,p1.y)) { 222 this.addPath([{ x: p2.x, y: p1.y },p2]); 223 return true; 224 } 225 return false; 226 }, 227 isHasPath: function (from, to) { 228 //从两点之间连接 229 var flag = true; 230 231 //矩形边相通 232 if (this.isRemovedByXY(from.x, to.y)) { 233 if (this.isLine(from, { x: from.x, y: to.y }) 234 && this.isLine({ x: from.x, y: to.y }, to)) { 235 this.addPath([{ x: from.x, y: to.y },to]); 236 return true; 237 } 238 } else if (this.isRemovedByXY(to.x, from.y)) { 239 if (this.isLine(from, { x: to.x, y: from.y }) 240 && this.isLine({ x: to.x, y: from.y }, to)) { 241 this.addPath([{ x: to.x, y: from.y }, to]); 242 return true; 243 } 244 } else { 245 flag = false; 246 } 247 248 var maxX = Math.max(from.x, to.x), minX = Math.min(from.x, to.x), 249 maxY = Math.max(from.y, to.y), minY = Math.min(from.y, to.y); 250 251 252 var y = from.x == minX ? from.y : to.y; 253 for (var x = minX + 1; x <= maxX; x++) { 254 flag = true; 255 if (!this.isRemovedByXY(x, y)) { 256 flag = false; 257 break; 258 } 259 260 var p1 = { x: x, y: y }, p2 = { x: x, y: y == minY ? maxY : minY }; 261 if (!this.isRemovedByXY(p2.x, p2.y)) { 262 flag = false; 263 continue; 264 } 265 if (this.isLine(p1, p2) 266 && this.isLine(p2, { x: maxX, y: p2.y })) { 267 this.addPath([p1,p2]); 268 flag = true; 269 break; 270 } else { 271 flag = false; 272 } 273 } 274 275 if (!flag) { 276 var x = from.y == minY ? from.x : to.x; 277 278 for (var y = minY + 1; y <= maxY; y++) { 279 flag = true; 280 if (!this.isRemovedByXY(x, y)) { 281 flag = false; 282 break; 283 } 284 285 var p1 = { x: x, y: y }, p2 = { x: x == minX ? maxX : minX, y: y }; 286 if (!this.isRemovedByXY(p2.x, p2.y)) { 287 flag = false; 288 continue; 289 } 290 if (this.isLine(p1, p2) && this.isLine(p2, { x: p2.x, y: maxY })) { 291 this.addPath([p1,p2]); 292 flag = true; 293 break; 294 } else { 295 flag = false; 296 } 297 } 298 } 299 300 if (flag) { 301 this.addPath(to); 302 return true; 303 } 304 305 //从左边往回连接 306 flag = true; 307 var y = from.x == minX ? from.y : to.y; 308 for (var x = minX - 1; x >= -1; x--) { 309 if (x == -1) { 310 var p2 = { x: 0, y: y == minY ? maxY : minY }; 311 312 if (!this.isRemovedByXY(p2.x, p2.y)) { 313 flag = false; 314 break; 315 } 316 317 flag = this.isLine(p2, { x: maxX, y: p2.y }); 318 319 if (flag) { 320 this.addPath([{ x: -1, y: from.y }, { x: -1, y: to.y }]); 321 } 322 323 break; 324 } 325 flag = true; 326 327 if (this.isRemovedByXY(x, minY) && this.isRemovedByXY(x, maxY)) { 328 } else { 329 flag = false; 330 break; 331 } 332 333 var p1 = { x: x, y: y }, p2 = { x: x, y: y == minY ? maxY : minY }; 334 if (!this.isRemovedByXY(p2.x, p2.y)) { 335 flag = false; 336 continue; 337 } 338 if (this.isLine(p1, p2) && this.isLine(p2, { x: maxX, y: p2.y })) { 339 this.addPath([p1,p2]); 340 flag = true; 341 break; 342 } else { 343 flag = false; 344 } 345 } 346 if (flag) { 347 this.addPath(to); 348 return true; 349 } 350 351 352 //从右边连接 353 flag = true; 354 var y = from.x == maxX ? from.y : to.y; 355 for (var x = maxX + 1; x <= 14; x++) { 356 if (x == 14) { 357 var p2 = { x: 13, y: y == minY ? maxY : minY }; 358 if (!this.isRemovedByXY(p2.x, p2.y)) { 359 flag = false; 360 break; 361 } 362 flag = this.isLine(p2, { x: minX, y: p2.y }); 363 if (flag) { 364 this.addPath([{ x: x, y: from.y }, { x: x, y: to.y }]); 365 } 366 break; 367 } 368 flag = true; 369 370 if (this.isRemovedByXY(x, minY) && this.isRemovedByXY(x, maxY)) { 371 } else { 372 flag = false; 373 break; 374 } 375 var p1 = { x: x, y: y }, p2 = { x: x, y: y == minY ? maxY : minY }; 376 if (!this.isRemovedByXY(p2.x, p2.y)) { 377 flag = false; 378 continue; 379 } 380 if (this.isLine(p1, p2) && this.isLine(p2, { x: minX, y: p2.y })) { 381 this.addPath([p1,p2]); 382 flag = true; 383 break; 384 } else { 385 flag = false; 386 } 387 388 } 389 if (flag) { 390 this.addPath(to); 391 return true; 392 } 393 394 395 //从上边连接 396 flag = true; 397 var x = from.y == minY ? from.x : to.x; 398 for (var y = minY - 1; y >= -1; y--) { 399 if (y == -1) { 400 var p2 = { x: x == minX ? maxX : minX, y: 0 }; 401 if (!this.isRemovedByXY(p2.x, p2.y)) { 402 flag = false; 403 break; 404 } 405 flag = this.isLine(p2, { x: p2.x, y: maxY }); 406 if (flag) { 407 this.addPath([{ x: from.x, y: y }, { x: to.x, y: y }]); 408 } 409 break; 410 } 411 flag = true; 412 413 if (this.isRemovedByXY(minX, y) && this.isRemovedByXY(maxX, y)) { 414 } else { 415 flag = false; 416 break; 417 } 418 419 var p1 = { x: x, y: y }, p2 = { x: x == minX ? maxX : minX, y: y }; 420 if (!this.isRemovedByXY(p2.x, p2.y)) { 421 flag = false; 422 continue; 423 } 424 if (this.isLine(p1, p2) && this.isLine(p2, { x: p2.x, y: maxY })) { 425 this.addPath([p1,p2]); 426 flag = true; 427 break; 428 } else { 429 flag = false; 430 } 431 432 } 433 if (flag) { 434 this.addPath(to); 435 return true; 436 } 437 438 //从下边连接 439 flag = true; 440 var x = from.y == maxY ? from.x : to.x; 441 for (var y = maxY + 1; y <= 10; y++) { 442 if (y == 10) { 443 var p2 = { x: x == minX ? maxX : minX, y: 9 }; 444 if (!this.isRemovedByXY(p2.x, p2.y)) { 445 flag = false; 446 break; 447 } 448 flag = this.isLine(p2, { x: p2.x, y: minY }); 449 if (flag) { 450 this.addPath([{ x: from.x, y: y }, { x: to.x, y: y }]); 451 } 452 break; 453 } 454 flag = true; 455 456 if (this.isRemovedByXY(minX, y) && this.isRemovedByXY(maxX, y)) { 457 } else { 458 flag = false; 459 break; 460 } 461 462 var p1 = { x: x, y: y }, p2 = { x: x == minX ? maxX : minX, y: y }; 463 if (!this.isRemovedByXY(p2.x, p2.y)) { 464 flag = false; 465 continue; 466 } 467 if (this.isLine(p1, p2) && this.isLine(p2, { x: p2.x, y: minY })) { 468 this.addPath([p1,p2]); 469 flag = true; 470 break; 471 } else { 472 flag = false; 473 } 474 } 475 if (flag) { 476 this.addPath(to); 477 return true; 478 } 479 return false; 480 }, 481 CheckPath: function (fIndex,tIndex) { 482 var from , to ; 483 if (fIndex != null && tIndex != null) { 484 from = this.parseIndexToXY(fIndex); 485 to = this.parseIndexToXY(tIndex); 486 } else { 487 from = this.getFrom().pos; 488 to = this.getTo().pos; 489 } 490 491 if (from == null || to == null) 492 return false; 493 494 this.pointArray = []; 495 this.addPath(from); 496 //相邻 497 if (this.isBeside(from,to)) { 498 return true; 499 } 500 501 //邻边 502 if(this.isBorder(from,to)){ 503 return true; 504 } 505 506 507 // 相同行 508 if (from.y == to.y) 509 { 510 return this.CheckSameRow(from,to); 511 } 512 513 //相同列 514 if (from.x == to.x) 515 { 516 return this.CheckSameColumns(from, to); 517 } 518 519 520 //对角相邻 521 if (Math.abs(from.x - to.x) == 1 && Math.abs(from.y - to.y) == 1) 522 { 523 if (this.isCross(from, to)) { 524 return true; 525 } 526 return false; 527 } 528 529 //任意位置 530 return this.isHasPath(from, to); 531 }, 532 CheckSameColumns: function (from, to) { 533 var flag = true; 534 //直线路径 535 flag = this.isLine(from, to); 536 if (!flag) { 537 flag = true; 538 //往左 539 var x = from.x - 1; 540 var _pf, _pt; 541 while (x >= -1) { 542 flag = true; 543 _pf = { x: x, y: from.y }; 544 _pt = { x: x, y: to.y }; 545 546 if (x == -1) { 547 break; 548 } 549 550 if (this.isRemovedByXY(_pf.x, _pf.y) && this.isRemovedByXY(_pt.x, _pt.y)) { 551 flag = this.isLine(_pf, _pt); 552 } 553 else { 554 flag = false; 555 break; 556 } 557 558 if (flag) 559 break; 560 x--; 561 } 562 if (flag) { 563 this.addPath(_pf); 564 this.addPath(_pt); 565 } 566 } 567 568 569 if (!flag) { 570 flag = true; 571 //往下 572 var x = from.x + 1; 573 var _pf, _pt; 574 while (x <= 14) { 575 flag = true; 576 _pf = { x: x, y: from.y }; 577 _pt = { x: x, y: to.y }; 578 579 if (x == 14) { 580 break; 581 } 582 583 if (this.isRemovedByXY(_pf.x, _pf.y) && this.isRemovedByXY(_pt.x, _pt.y)) { 584 flag = this.isLine(_pf, _pt); 585 } 586 else { 587 flag = false; 588 break; 589 } 590 if (flag) 591 break; 592 x++; 593 } 594 if (flag) { 595 this.addPath(_pf); 596 this.addPath(_pt); 597 } 598 } 599 if (flag) { 600 this.addPath(to); 601 } 602 return flag; 603 }, 604 CheckSameRow: function (from, to) { 605 var flag = true; 606 //直线路径 607 flag = this.isLine(from, to); 608 609 if (!flag) { 610 flag = true; 611 //往上 612 var y = from.y - 1; 613 var _pf, _pt; 614 while (y >= -1) { 615 flag = true; 616 _pf = { x: from.x, y: y }; 617 _pt = { x: to.x, y: y }; 618 619 if (y == -1) { 620 break; 621 } 622 623 if (this.isRemovedByXY(_pf.x, _pf.y) && this.isRemovedByXY(_pt.x, _pt.y)) { 624 flag = this.isLine(_pf, _pt); 625 } 626 else { 627 flag = false; 628 break; 629 } 630 if (flag) { 631 break; 632 } 633 y--; 634 } 635 if (flag) { 636 this.addPath(_pf); 637 this.addPath(_pt); 638 } 639 } 640 641 642 if (!flag) { 643 flag = true; 644 //往下 645 var y = from.y + 1; 646 var _pf, _pt; 647 while (y <= 10) { 648 flag = true; 649 _pf = { x: from.x, y: y }; 650 _pt = { x: to.x, y: y }; 651 652 if (y == 10) { 653 break; 654 } 655 656 if (this.isRemovedByXY(_pf.x, _pf.y) && this.isRemovedByXY(_pt.x, _pt.y)) { 657 flag = this.isLine(_pf, _pt); 658 } else { 659 flag = false; 660 break; 661 } 662 if (flag) 663 break; 664 y++; 665 } 666 if (flag) { 667 this.addPath(_pf); 668 this.addPath(_pt); 669 } 670 } 671 672 if (flag) { 673 this.addPath(to); 674 } 675 return flag; 676 }, 677 Parse: function (item) { 678 return { index: item.id, target: item, pos: this.parseIndexToXY(item.id) }; 679 }, 680 parseIndexToXY: function (index) { 681 var y = Math.floor(index / 14); 682 var x = index % 14; 683 return { x: x, y: y }; 684 }, 685 getHasPath: function () { 686 var flag = false; 687 var i = 0, j = 0; 688 if (this.leaveCount > 0) { 689 for (; i < 140 - 1; i++) { 690 if (this.Data[i] != null) { 691 for (j = i + 1; j < 140; j++) { 692 if (this.Data[j] != null) { 693 if (this.CheckType(i, j)) { 694 if (this.CheckPath(i, j)) { 695 flag = true; 696 break; 697 } 698 } 699 } 700 } 701 702 if (flag) 703 break; 704 } 705 } 706 } 707 708 if (flag) 709 return {from:i,to:j}; 710 return null; 711 }, 712 Clue: function () { 713 //提示可消除的两个点 714 this.clearTo(); 715 this.clearFrom(); 716 717 var next = this.getHasPath(); 718 719 if (next!=null) { 720 if (!this.decreaseLife()) 721 return; 722 var pos = this.parseIndexToXY(next.from); 723 var item = this.getItem(pos.x, pos.y); 724 this.addClassName(item, this.selectClassName); 725 726 var pos = this.parseIndexToXY(next.to); 727 var item = this.getItem(pos.x, pos.y); 728 this.addClassName(item, this.selectClassName); 729 } 730 }, 731 HasNext: function () { 732 //检查是否存在可消除的两个 点 733 return this.getHasPath() != null; 734 }, 735 Remove: function (from, to) { 736 //消除元素 737 var lines = this.drawLine(); 738 739 var _this = this; 740 this.addTime(); 741 742 this.addScores(); 743 744 this.Data[from.index] = null; 745 this.Data[to.index] = null; 746 this.leaveCount -=2; 747 setTimeout(function () { 748 _this.removeItem(from.target); 749 _this.removeItem(to.target); 750 751 for (var i = 0; i < lines.length; i++) { 752 document.body.removeChild(lines[i]); 753 } 754 755 lines = null; 756 _this.Change(); 757 }, 100); 758 }, 759 Change: function () { 760 //关卡布局方法，比如左右分离，上下分离等 761 if (this.leaveCount == 0) { 762 this.NextLevel(); 763 return; 764 } 765 766 var leavel = this.currentLevel; 767 768 if (leavel == 3) {//左右分离 769 for (var y = 0; y < 10; y++) { 770 for (var x = 0; x < 7; x++) { 771 var index = y * 14 + x; 772 if (this.Data[index] != null) { 773 continue; 774 } 775 var flag = false; 776 for (var i = x + 1; i < 7; i++) { 777 var _index = y * 14 + i; 778 if (this.Data[_index] != null) { 779 this.Data[index] = this.Data[_index]; 780 this.Data[_index] = null; 781 flag = true; 782 break; 783 } 784 } 785 786 if (!flag) 787 break; 788 } 789 790 for (var x = 13; x >= 7; x--) { 791 var index = y * 14 + x; 792 if (this.Data[index] != null) { 793 continue; 794 } 795 var flag = false; 796 for (var i = x - 1; i >= 7; i--) { 797 var _index = y * 14 + i; 798 if (this.Data[_index] != null) { 799 this.Data[index] = this.Data[_index]; 800 this.Data[_index] = null; 801 flag = true; 802 break; 803 } 804 } 805 806 if (!flag) 807 break; 808 } 809 } 810 } 811 else if (leavel == 4) {//上下分离 812 for (var x = 0; x < 14; x++) { 813 for (var y = 0; y < 5; y++) { 814 var index = y * 14 + x; 815 if (this.Data[index] != null) { 816 continue; 817 } 818 var flag = false; 819 for (var i = y + 1; i < 5; i++) { 820 var _index = i * 14 + x; 821 if (this.Data[_index] != null) { 822 this.Data[index] = this.Data[_index]; 823 this.Data[_index] = null; 824 flag = true; 825 break; 826 } 827 } 828 829 if (!flag) 830 break; 831 } 832 833 for (var y = 9; y >= 5; y--) { 834 var index = y * 14 + x; 835 if (this.Data[index] != null) { 836 continue; 837 } 838 var flag = false; 839 for (var i = y - 1; i >= 5; i--) { 840 var _index = i * 14 + x; 841 if (this.Data[_index] != null) { 842 this.Data[index] = this.Data[_index]; 843 this.Data[_index] = null; 844 flag = true; 845 break; 846 } 847 } 848 849 if (!flag) 850 break; 851 } 852 } 853 } 854 else if (leavel == 5) {//往左移 855 for (var y = 0; y < 10; y++) { 856 for (var x = 0; x < 14; x++) { 857 var index = y * 14 + x; 858 if (this.Data[index] != null) { 859 continue; 860 } 861 var flag = false; 862 for (var i = x + 1; i < 14; i++) { 863 var _index = y * 14 + i; 864 if (this.Data[_index] != null) { 865 this.Data[index] = this.Data[_index]; 866 this.Data[_index] = null; 867 flag = true; 868 break; 869 } 870 } 871 872 if (!flag) 873 break; 874 } 875 } 876 } 877 else if (leavel == 6) {//向右移 878 for (var y = 0; y < 10; y++) { 879 for (var x = 13; x >= 0; x--) { 880 var index = y * 14 + x; 881 if (this.Data[index] != null) { 882 continue; 883 } 884 var flag = false; 885 for (var i = x - 1; i >= 0; i--) { 886 var _index = y * 14 + i; 887 if (this.Data[_index] != null) { 888 this.Data[index] = this.Data[_index]; 889 this.Data[_index] = null; 890 flag = true; 891 break; 892 } 893 } 894 895 if (!flag) 896 break; 897 } 898 } 899 } 900 else if (leavel == 7) {//向下移 901 for (var x = 0; x < 14; x++) { 902 for (var y = 9; y >= 0; y--) { 903 var index = y * 14 + x; 904 if (this.Data[index] != null) { 905 continue; 906 } 907 var flag = false; 908 for (var i = y - 1; i >= 0; i--) { 909 var _index = i * 14 + x; 910 if (this.Data[_index] != null) { 911 this.Data[index] = this.Data[_index]; 912 this.Data[_index] = null; 913 flag = true; 914 break; 915 } 916 } 917 918 if (!flag) 919 break; 920 } 921 } 922 } 923 else if (leavel == 8) {//向上移 924 for (var x = 0; x < 14; x++) { 925 for (var y = 0; y < 10; y++) { 926 var index = y * 14 + x; 927 if (this.Data[index] != null) { 928 continue; 929 } 930 var flag = false; 931 for (var i = y + 1; i < 10; i++) { 932 var _index = i * 14 + x; 933 if (this.Data[_index] != null) { 934 this.Data[index] = this.Data[_index]; 935 this.Data[_index] = null; 936 flag = true; 937 break; 938 } 939 } 940 941 if (!flag) 942 break; 943 } 944 } 945 } 946 else if (leavel == 9) {//向内紧缩 947 for (var y = 5; y < 10; y++) { 948 for (var x = 7; x < 14; x++) { 949 var index = y * 14 + x; 950 if (this.Data[index] != null) { 951 continue; 952 } 953 var flag = false; 954 for (var i = x + 1; i < 14; i++) { 955 var _index = y * 14 + i; 956 if (this.Data[_index] != null) { 957 this.Data[index] = this.Data[_index]; 958 this.Data[_index] = null; 959 flag = true; 960 break; 961 } 962 } 963 964 if (!flag) 965 break; 966 } 967 968 for (var x = 6; x >= 0; x--) { 969 var index = y * 14 + x; 970 if (this.Data[index] != null) { 971 continue; 972 } 973 var flag = false; 974 for (var i = x - 1; i >= 0; i--) { 975 var _index = y * 14 + i; 976 if (this.Data[_index] != null) { 977 this.Data[index] = this.Data[_index]; 978 this.Data[_index] = null; 979 flag = true; 980 break; 981 } 982 } 983 984 if (!flag) 985 break; 986 } 987 } 988 989 for (var y = 4; y > 0; y--) { 990 for (var x = 7; x < 14; x++) { 991 var index = y * 14 + x; 992 if (this.Data[index] != null) { 993 continue; 994 } 995 var flag = false; 996 for (var i = x + 1; i < 14; i++) { 997 var _index = y * 14 + i; 998 if (this.Data[_index] != null) { 999 this.Data[index] = this.Data[_index]; 1000 this.Data[_index] = null; 1001 flag = true; 1002 break; 1003 } 1004 } 1005 1006 if (!flag) 1007 break; 1008 } 1009 1010 for (var x = 6; x >= 0; x--) { 1011 var index = y * 14 + x; 1012 if (this.Data[index] != null) { 1013 continue; 1014 } 1015 var flag = false; 1016 for (var i = x - 1; i >= 0; i--) { 1017 var _index = y * 14 + i; 1018 if (this.Data[_index] != null) { 1019 this.Data[index] = this.Data[_index]; 1020 this.Data[_index] = null; 1021 flag = true; 1022 break; 1023 } 1024 } 1025 1026 if (!flag) 1027 break; 1028 } 1029 } 1030 1031 for (var x = 0; x < 7; x++) { 1032 for (var y = 5; y < 10; y++) { 1033 var index = y * 14 + x; 1034 if (this.Data[index] != null) { 1035 continue; 1036 } 1037 var flag = false; 1038 for (var i = y + 1; i < 10; i++) { 1039 var _index = i * 14 + x; 1040 if (this.Data[_index] != null) { 1041 this.Data[index] = this.Data[_index]; 1042 this.Data[_index] = null; 1043 flag = true; 1044 break; 1045 } 1046 } 1047 1048 if (!flag) 1049 break; 1050 } 1051 1052 for (var y = 4; y >= 0; y--) { 1053 var index = y * 14 + x; 1054 if (this.Data[index] != null) { 1055 continue; 1056 } 1057 var flag = false; 1058 for (var i = y - 1; i >= 0; i--) { 1059 var _index = i * 14 + x; 1060 if (this.Data[_index] != null) { 1061 this.Data[index] = this.Data[_index]; 1062 this.Data[_index] = null; 1063 flag = true; 1064 break; 1065 } 1066 } 1067 1068 if (!flag) 1069 break; 1070 } 1071 } 1072 1073 for (var x = 7; x < 14; x++) { 1074 for (var y = 5; y < 10; y++) { 1075 var index = y * 14 + x; 1076 if (this.Data[index] != null) { 1077 continue; 1078 } 1079 var flag = false; 1080 for (var i = y + 1; i < 10; i++) { 1081 var _index = i * 14 + x; 1082 if (this.Data[_index] != null) { 1083 this.Data[index] = this.Data[_index]; 1084 this.Data[_index] = null; 1085 flag = true; 1086 break; 1087 } 1088 } 1089 1090 if (!flag) 1091 break; 1092 } 1093 1094 for (var y = 4; y >= 0; y--) { 1095 var index = y * 14 + x; 1096 if (this.Data[index] != null) { 1097 continue; 1098 } 1099 var flag = false; 1100 for (var i = y - 1; i >= 0; i--) { 1101 var _index = i * 14 + x; 1102 if (this.Data[_index] != null) { 1103 this.Data[index] = this.Data[_index]; 1104 this.Data[_index] = null; 1105 flag = true; 1106 break; 1107 } 1108 } 1109 1110 if (!flag) 1111 break; 1112 } 1113 } 1114 } 1115 for (var i = 0; i < 140; i++) { 1116 var shucai = this.getItem(i); 1117 shucai.className = this.className; 1118 if (this.Data[i] !== null && this.Data[i] != undefined) { 1119 shucai.innerText = this.Data[i]; 1120 } else { 1121 this.removeItem(shucai); 1122 } 1123 } 1124 1125 if (!this.HasNext()) { 1126 if (!this.decreaseLife()) { 1127 return; 1128 } 1129 this.Init(); 1130 } 1131 }, 1132 NextLevel: function () { 1133 //下一关 1134 this.addLife(); 1135 this.currentLevel++; 1136 if (this.currentLevel > this.maxLevel) { 1137 this.Stop(); 1138 } else { 1139 this.InitData(); 1140 this.Init(); 1141 } 1142 }, 1143 Start: function () { 1144 //开始游戏 1145 if (this.time == null || this.time == undefined) { 1146 this.timeout = this.getTime(); 1147 this.showTime(); 1148 1149 this.TimeStart(); 1150 } 1151 }, 1152 ReStart: function () {//游戏重新开始 1153 for (var i in this.setting) { 1154 this[i] = this.setting[i]; 1155 } 1156 1157 var container = document.getElementById("Container"); 1158 container.innerHTML = ""; 1159 var _this = this; 1160 var Images = []; 1161 //生成游戏主要点，共14列*10行 1162 for (var i = 0; i < 140; i++) { 1163 var shucai = document.createElement("div"); 1164 shucai.className = this.className; 1165 shucai.innerText = i; 1166 shucai.id = i; 1167 shucai.onclick = function () { 1168 _this.Select(this); 1169 } 1170 container.appendChild(shucai); 1171 1172 Images.push(shucai); 1173 } 1174 //保存游戏中元素数据的数组 1175 this.Data = []; 1176 //保存两点间折线的顶点坐标数组 1177 this.pointArray = []; 1178 //消除的起始点 1179 this.From = null; 1180 //结束点 1181 this.To = null; 1182 //保存显示的元素数据 1183 this.Images = Images; 1184 //剩余可消除数量 1185 this.leaveCount = 0; 1186 this.showScores(); 1187 //随机生成游戏数据this.Data 1188 this.InitData(); 1189 //初始化游戏，把数据随机显示在游戏界面 1190 this.Init(); 1191 }, 1192 TimeStart: function () {//游戏时间开始 1193 var _this = this; 1194 this.time = setTimeout(function () { 1195 _this.timeout--; 1196 _this.showTime(); 1197 if (_this.timeout <= 0) { 1198 _this.Over(); 1199 } 1200 else { 1201 _this.TimeStart(); 1202 } 1203 }, 1000); 1204 }, 1205 TimeStop: function () {//游戏时间暂停，开始 1206 if (this.time != null) { 1207 clearTimeout(this.time); 1208 this.time = null; 1209 1210 var div = document.createElement("div"); 1211 div.className = "Pause"; 1212 div.innerText = "暂停游戏"; 1213 document.body.appendChild(div); 1214 } else { 1215 this.TimeStart(); 1216 1217 var div = document.getElementsByClassName("Pause"); 1218 if (div) { 1219 document.body.removeChild(div[0]); 1220 } 1221 } 1222 }, 1223 Stop: function () {//通关游戏 1224 alert("恭喜你通关了游戏！"); 1225 var container = document.getElementById("Container"); 1226 container.innerHTML = ""; 1227 container.innerText = "恭喜你通关了游戏！"; 1228 }, 1229 Over: function () {//游戏结束 1230 if (this.time != null) { 1231 clearTimeout(this.time); 1232 this.time = null; 1233 } 1234 alert("游戏结束了！"); 1235 var container = document.getElementById("Container"); 1236 container.innerHTML = ""; 1237 container.innerText = "游戏结束了！"; 1238 }, 1239 addPath: function (pt) {//增加消除两点之间的拆线的顶点坐标 1240 if (Object.prototype.toString.call(pt) === '[object Array]') { 1241 for (var i = 0; i < pt.length; i++) { 1242 this.pointArray.push(pt[i]); 1243 } 1244 } else { 1245 this.pointArray.push(pt); 1246 } 1247 }, 1248 drawLine: function () {//画轨迹 1249 var points = this.pointArray; 1250 if(points.length ==4){ 1251 if(points[1].x!==points[0].x && points[1].y!=points[0].y){ 1252 var temp = points[1]; 1253 points[1]=points[2]; 1254 points[2] = temp; 1255 } 1256 } 1257 var lines = []; 1258 for (var i = 0; i < points.length - 1; i++) { 1259 lines.push(this.draw(points[i], points[i + 1])); 1260 } 1261 return lines; 1262 }, 1263 draw: function (from, to) {//画消除时，两个元素之间的连线轨迹 1264 //同列 1265 var div = document.createElement("div"); 1266 div.className = "line"; 1267 if (from.x == to.x) 1268 { 1269 var minY = Math.min(from.y, to.y), 1270 maxY = Math.max(from.y, to.y); 1271 1272 div.style.width = "2px"; 1273 1274 div.style.height = ((maxY - minY) * (30+2) +2) + "px"; 1275 div.style.top = (100 + (30 +2) * minY + 15) + "px"; 1276 div.style.left = (115 + (30 +2) * from.x) + "px"; 1277 1278 //this.lines.push(div); 1279 1280 } 1281 //同行 1282 else if (from.y == to.y) 1283 { 1284 var minX = Math.min(from.x, to.x), 1285 maxX = Math.max(from.x, to.x); 1286 1287 div.style.height = "2px"; 1288 1289 div.style.width = ((maxX - minX ) * (30+2) +2) + "px"; 1290 div.style.left = (100 + (30+2) * minX +15) + "px"; 1291 div.style.top = (100 + 15 + (30+2) * from.y) + "px"; 1292 //this.lines.push(div); 1293 } 1294 1295 document.body.appendChild(div); 1296 return div; 1297 1298 }, 1299 showScores: function () {//显示游戏所得分数 1300 document.getElementById("scores").innerText = this.Scores; 1301 }, 1302 addScores: function () {//第消除一对，游戏分数会增加 1303 this.Scores += 20; 1304 this.showScores(); 1305 }, 1306 addTime: function () {//每消除一对，游戏时间会增加 1307 this.timeout += 5; 1308 this.timeout = Math.min(this.timeout, this.getTime()); 1309 this.showTime(); 1310 }, 1311 showTime: function () {//显示游戏剩余时间 1312 this.timeout = Math.max(this.timeout, 0); 1313 document.getElementById("time").innerText = this.timeout; 1314 }, 1315 showLife: function () {//显示生命值 1316 document.getElementById("life").innerText = this.Life; 1317 }, 1318 addLife: function () {//过关后，生命值增加 1319 this.Life++; 1320 this.showLife(); 1321 }, 1322 decreaseLife: function () {//生命值减少 1323 this.Life--; 1324 //当生命值小于0时，游戏结束 1325 if (this.Life < 0) { 1326 this.Over(); 1327 return false; 1328 } 1329 1330 this.showLife(); 1331 return true; 1332 }, 1333 showLevel: function () {//显示级别 1334 document.getElementById("level").innerText = this.currentLevel; 1335 } 1336 }; 1337 llk.prototype.setting = { 1338 currentLevel: 1,//当前关数 1339 maxLevel: 9, //总关数 1340 Scores: 0, //分数 1341 Life:6, //生命值 1342 minTime: 180, //最少时间 1343 className: "shucai",//默认CSS样式 1344 removedClassName: "removed",//被消除的CSS样式 1345 selectClassName:"select",//选择好的CSS样式 1346 getTime:function(){//当前关闯关时间 1347 return (this.currentLevel -1) * 10 + this.minTime; 1348 } 1349 }