2048小遊戲設計思路
2048小遊戲設計思路:
遊戲初始截圖:
遊戲過程中截圖:
遊戲失敗截圖:
部分程式碼:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>2048小遊戲</title>
<script type="text/javascript">
function showBestScore(){
//從本地儲存資料中讀取歷史最高分
bestScore = localStorage.getItem("bestScore");
//如果尚未記錄最高分,則重置為0
if (bestScore == null)
bestScore = 0;
//將歷史最高分更新到狀態列中
var best = document.getElementById("bestScore");
best.innerHTML = bestScore;
}
var arr;
//初始化遊戲頁面,需要在表格中隨機生成一個2,一個4
function init(){
showBestScore();
arr = new Array(4);
for(i=0;i<arr.length;i++){
arr[i]=[0,0,0,0];
}
var x1,x2,y1,y2;
x1=Math.round(Math.random()*3);
y1=Math.round(Math.random()*3);
arr[x1][y1] =2;
while(true){
x2=Math.round(Math.random()*3);
y2=Math.round(Math.random()*3);
if(x1!=x2 || y1!=y2){
arr[x2][y2] =4;
break;
}
}
display();
show();
}
備註:檢視網頁2048遊戲程式碼請下載附件
相關文章
- 小遊戲2048最佳演算法怎麼實現?思路全解析!遊戲演算法
- Python小遊戲2048Python遊戲
- javascript實現前端小遊戲2048JavaScript前端遊戲
- bash shell實現2048小遊戲詳解遊戲
- 我的簡易2048小遊戲記錄整理遊戲
- vue 開發 2048/圍住神經貓 小遊戲Vue遊戲
- 2048 雙人創新小遊戲【JavaFX-FXGL遊戲框架】遊戲Java框架
- HTML小遊戲2—— 2048網頁版(附完整原始碼)HTML遊戲網頁原始碼
- Javaweb設計思路JavaWeb
- TW_2048-週六程式設計體驗程式設計
- OK Log設計思路
- flask route設計思路Flask
- 遊戲角色設計思路遊戲
- 通用點贊設計思路
- 創意設計新思路
- [ 邏輯鍛鍊] 用 JavaScript 做一個小遊戲 ——2048 (初級版)JavaScript遊戲
- [ 邏輯鍛鍊] 用 JavaScript 做一個小遊戲 ——2048 (詳解版)JavaScript遊戲
- UI設計培訓分享:UI設計師的設計思路UI
- 無法理解的設計思路
- MASA Framework - 整體設計思路Framework
- 剖析 HTTPS 的設計思路HTTP
- 資訊架構的設計思路 .架構
- Pathon開發象棋小遊戲(總體思路分析)遊戲
- 小遊戲改變世界——談談內建小遊戲的設計之道遊戲
- C語言在linux終端下實現2048小遊戲:第二版C語言Linux遊戲
- API介面安全性設計思路API
- RESTful API 設計思路及實踐RESTAPI
- iOS 元件化 —— 路由設計思路分析iOS元件化路由
- 面試時,如何闡釋設計思路?面試
- 自動登入的設計思路
- 【4】JVM-GC設計思路分析JVMGC
- ODS設計思路-ODS到DW同步
- CollectionView 無限輪播設計思路View
- 訂購軟體的設計思路
- 資訊系統設計總思路
- 網上商城架構設計之表設計思路(三)架構
- 微信公開課:小遊戲設計有“套路”遊戲設計
- Web設計流程優化:網頁效果圖設計新思路Web優化網頁