JS小游戏之象棋暗棋源码详解_javascript技巧
程序员文章站
2022-04-23 19:49:37
...
本文实例讲述了JS小游戏的象棋暗棋源码，分享给大家供大家参考。具体如下：
';
}
}
$('board').innerHTML = board;
$('board').style.width = this.boardcols * (this.area + 2) + 'px';
$('board').style.height = this.boardrows * (this.area + 2) + 'px';
}
// create random chess
ChessClass.prototype.create_chess = function(){
// 32 chesses
var chesses = ['a1','b7','a2','b7','a2','b7','a3','b7','a3','b7','a4','b6','a4','b6','a5','b5',
'a5','b5','a6','b4','a6','b4','a7','b3','a7','b3','a7','b2','a7','b2','a7','b1'];
this.chess = [];
while(chesses.length>0){
var rnd = Math.floor(Math.random()*chesses.length);
var tmpchess = chesses.splice(rnd, 1).toString();
this.chess.push({'chess':tmpchess, 'type':tmpchess.substr(0,1), 'val':tmpchess.substr(1,1), 'status':0});
}
}
// create event
ChessClass.prototype.create_event = function(){
var self = this;
var chess_area = $_tag('div', 'board');
for(var i=0; i
游戏运行后如下图所示：
Javascript 部分：
/** chinese chess
* Author: fdipzone
* Date: 2012-06-24
* Ver: 1.0
*/
var gameimg = ['images/a1.gif','images/a2.gif','images/a3.gif','images/a4.gif','images/a5.gif','images/a6.gif','images/a7.gif','images/b1.gif','images/b2.gif','images/b3.gif','images/b4.gif','images/b5.gif','images/b6.gif','images/b7.gif','images/bg.gif','images/bg_over.gif','images/bg_sel.gif'];
var chess_obj = new ChessClass();
window.onload = function(){
$('init_btn').onclick = function(){
chess_obj.init();
}
var callback = function(){
chess_obj.init();
}
img_preload(gameimg, callback);
}
// chess class
function ChessClass(){
this.chess = [];
this.boardrows = 4;
this.boardcols = 8;
this.area = 82;
this.player = 1; // 1:red 2:green
this.selected = null; // selected chess
this.chesstype = ['', 'a', 'b'];
this.isover = 0;
}
// init
ChessClass.prototype.init = function(){
this.reset_grade();
this.create_board();
this.create_chess();
this.create_event();
this.player = 1;
this.selected = null;
this.isover = 0;
disp('init_div','hide');
}
// create board
ChessClass.prototype.create_board = function(){
var board = '';
for(var i=0; i