html部分**
2048
如何玩：使用你的箭頭鍵移動瓷磚。兩個瓷磚相互滑動時，它們合併成乙個！
分數:0
遊戲結束
再來一次
重新開始遊戲
*
.case
.above_box
.logo
.logo_num
.logo_font
.above_box button
.countscore
.countscore p
.countscore span
.main_box
.main_box2
.main_box2 button
.game
.min_box
.n2.n4
.n8.n16
.n32
.n64
.n128
.n256
.n512
.n1024
.n2048
.n4096
.n8192
.n2,
.n4.n1024,
.n2048,
.n4096,
.n8192
.btn
.btn:hover
.btn:active
.btn:focus
.not-recommended
body,
html
strong
p.inspired
header
header span
header span:nth-of-type(2)
header span:nth-of-type(3)
header span:nth-of-type(4)
h1.directions
.container
header .container
.scores
.score-container
.score-container.best-score
.score
.game
.tile-container
.game
.tile-container
.tile,
.background
.background
.tile
.end
.end .btn
.end.active
var game =};
},// 定義隨機函式
randomnum()
elseif(
this
.isfull()
)}},
// 定義渲染函式
updataeview()
else}}
//更新分數
document.
getelementbyid
("score"
).innerhtml =
this
.score;},
// 左移前拍照
moveleft()
// 先判斷是否是滿格
// 不是滿格 生成隨機數
// 是滿格 判斷遊戲是否結束if(
!this
.isfull()
)elseif(
this
.gameover()
)},// 左移事件
moveleftdown
(r)else
elseif(
this
.data[r]
[c]==
this
.data[r]
[nextc])}
}},// 找r行c列位置之後，不為0的下乙個位置
moveleftinrow
(r, c)
}return-1
;//迴圈結束，返回-1},
// 上移前拍照
moveup()
// 先判斷是否是滿格
// 不是滿格 生成隨機數
// 是滿格 判斷遊戲是否結束if(
!this
.isfull()
)elseif(
this
.gameover()
)},//上移事件
moveupdown
(c)else
elseif(
this
.data[r]
[c]==
this
.data[nextr]
[c])}}
},//找r行c列位置之後，不為0的下乙個位置
moveupinrow
(r, c)
}return-1
;//迴圈結束，返回-1},
//右移前拍照
moveright()
// 先判斷是否是滿格
// 不是滿格 生成隨機數
// 是滿格 判斷遊戲是否結束if(
!this
.isfull()
)elseif(
this
.gameover()
)},//右移事件
moverightdown
(r)else
elseif(
this
.data[r]
[c]==
this
.data[r]
[nextc])}
}},//找r行c列位置之後，不為0的下乙個位置
moverightinrow
(r, c)
}return-1
;//迴圈結束，返回-1},
// 下移前拍照
movedown()
// 先判斷是否是滿格
// 不是滿格 生成隨機數
// 是滿格 判斷遊戲是否結束if(
!this
.isfull()
)elseif(
this
.gameover()
)},//下移事件
movedowndown
(c)else
elseif(
this
.data[r]
[c]==
this
.data[nextr]
[c])}}
},//找r行c列位置之後，不為0的下乙個位置
movedowninrow
(r, c)
}return-1
;//迴圈結束，返回-1},
//判斷遊戲狀態為結束
gameover()
else
}//如果當前元素不是最下方元素
if(r <
this.rn
-1)}
}}return
this
.gameoverupdate()
;}},
//判斷是否滿格
isfull()
}}return
true
;//遍歷結束，返回true},
gameoverupdate()
,}game.
start()
;var btn = document.
getelementsbyclassname
("btn")[
0];var btn2 = document.
getelementsbyclassname
("btn")[
1];btn.
onclick
=function()
btn2.
onclick
=function()
js物件導向程式設計思想
一 程式設計思想 面向過程 所有事情都是親力親為，注重的是過程 物件導向 提出需求，找物件，物件解決，注重的是結果 建立乙個物件,給這個物件,新增上屬性和屬性值,還有函式等方法，之後通過操作這個物件,來完成需要的效果 簡單理解 之前是將程式,封裝在函式內,設定引數和返回值 現在是將程式,封裝在物件內...
物件導向的思想
物件導向的好處 1.物件導向是一種更符合人們思考習慣的一種思想 2.面向過程的更多體現是執行者 物件導向更多體現的是指揮者 3.有了物件導向這個事情後 複雜問題就簡單化了 大西瓜如何用挖掘機炒菜?幾個事物 2事物 大西瓜 name age 屬性 行為 會開挖掘機 挖掘機 color lunzi 翻炒...
物件導向的思想
1 什麼是物件導向的思想 c語言是面向過程的語言，c 是c語言的拓展，c 是物件導向的語言，而 物件導向是一種思想 即oop思想。如下圖所示，實體 就 是客觀存在並可相互區別的事物 例如人 書本 動物等。人作為實體，具有姓名 性別 年齡等這些屬性以及吃飯 睡覺等行為。類 是對現實生活中一類具有共同特...