本來是打算製作五子棋的,但是由於本人是個菜鳥無法一步到位,所以把五子棋製作為分了三步:
第一步:製作棋盤(已完成,詳細請看 javascript實例-五子棋棋盤)
第二步:製作棋子(本節經驗)
第三步:制定規則(...)
五子棋棋子
棋子主要分為兩類:黑棋和白棋而棋子類的主要責任就是創建黑白棋子.
第一步:明確屬性
每一個子棋都是唯一的他們都具有各自的屬性.如:id ,總數統計,黑(白)棋子統計 , 座標 , 棋子類型等.
第二步:確定行為:暫無
棋子類型
棋子主要分為兩類:黑棋和白棋用代碼表示可寫成.
var WuZiQi = {} //五子棋
WuZiQi.HeiQi = function(){} //黑棋
WuZiQi.BaiQi = function(){} //白棋
棋子統計
var WuZiQi = {} //五子棋
WuZiQi.num = 0; // 用來統計棋子個數
黑/白棋子屬性
WuZiQi.BaiQi = function(){
var num = 0; //用來統計當前白子數
return function( zuoBiao ){
this.id = 'b' + WuZiQi.num++;
this.num = num++; //累計
this.zuoBiao = zuoBiao; //當前棋子位置
this.chuangJian = function(){ //創建棋子
var img = document.createElement('img');
img.id = this.id;
img.src = '../img/baizi.png';
document.body.appendChild(img);
}
}
}()
本來是打算製作五子棋的,但是由於本人是個菜鳥無法一步到位,所以把五子棋製作為分了三步:
第一步:製作棋盤(已完成,詳細請看 javascript實例-五子棋棋盤)
第二步:製作棋子(本節經驗)
第三步:制定規則(...)
五子棋棋子
棋子主要分為兩類:黑棋和白棋而棋子類的主要責任就是創建黑白棋子.
第一步:明確屬性
每一個子棋都是唯一的他們都具有各自的屬性.如:id ,總數統計,黑(白)棋子統計 , 座標 , 棋子類型等.
第二步:確定行為:暫無
棋子類型
棋子主要分為兩類:黑棋和白棋用代碼表示可寫成.
var WuZiQi = {} //五子棋
WuZiQi.HeiQi = function(){} //黑棋
WuZiQi.BaiQi = function(){} //白棋
棋子統計
var WuZiQi = {} //五子棋
WuZiQi.num = 0; // 用來統計棋子個數
黑/白棋子屬性
WuZiQi.BaiQi = function(){
var num = 0; //用來統計當前白子數
return function( zuoBiao ){
this.id = 'b' + WuZiQi.num++;
this.num = num++; //累計
this.zuoBiao = zuoBiao; //當前棋子位置
this.chuangJian = function(){ //創建棋子
var img = document.createElement('img');
img.id = this.id;
img.src = '../img/baizi.png';
document.body.appendChild(img);
}
}
}()
電腦軟件
名稱: 五子棋棋子 大小: 6kb 版本: 1 類別: 其他 語言: 中文 應用平臺: windows / Mac OS X / Linux