canvas吃豆小遊戲程式碼

admin發表於2018-07-16
Canvas遊戲

程式碼分兩部分，遊戲引擎和遊戲主程式，引擎用來類的定義，管理動畫場景，事件定義等等……遊戲主程式主要組織業務邏輯。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style>
* {
  padding: 0;
  margin: 0;
}
.wrapper {
  width: 960px;
  margin: 0 auto;
  line-height: 36px;
  text-align: center;
  color: #999;
}
canvas {
  display: block;
  background: #000;
}
</style>
</head>
<body>
<div class="wrapper">
<canvas id="canvas" width="960" height="640">不支援畫布</canvas>
<p>按［空格］暫停或繼續</p>
</div>
<script src="http://passer-by.com/pacman/game.js"></script>
<script src="http://passer-by.com/pacman/index.js"></script>
</body>
</html>

相關文章