DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> HTML5貪食蛇小游戲
HTML5貪食蛇小游戲
編輯:HTML5教程     
試玩:http://hovertree.com/game/9/

貪吃蛇是一種風靡全球的小游戲,就是一條小蛇,不停地在屏幕上游走,吃各個方向出現的蛋,越吃越長。只要蛇頭碰到屏幕四周,或者碰到自己的身子,小蛇就立即斃命。和別的游戲不同,貪食蛇是一個悲劇性的游戲。許多電子游戲都是打通關到底,游戲操作者以勝利而告終。而貪食蛇的結局卻是死亡。“貪食蛇”,要命的就在一個“貪”字上。所以,有時候真的需要及時收手,不要逼人太甚。如果沒有余地,就算你的手再快,面臨的結局也是——崩盤。

貪吃蛇,之所以取這樣的名字,去用意還是很明顯的.貪吃蛇其實並不貪,它是人不斷向前追求的象征.就像現代的人只有不斷努力向前才能得到自己想要的。而食物也是隨機出現的,就像現在社會存在的機會,而我們只有找好自己的目標才能成功。

方向鍵←→↑↓控制貪吃蛇移動。


HTML代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>貪食蛇 - 何問起</title>
<link rel="stylesheet" type="text/css" href="http://hovertree.com/game/9/hovertreesnake.css">
</head>
<body>
<div id="hovertreecontainer">
<canvas width="300" height="300" id="hovertreecanvas"></canvas>
<div>
已得分:
<input type="text" id="hewenqiscore" placeholder="0">
</div>
<script type="text/javascript" src="http://hovertree.com/game/9/hovertreesnake.js"></script>
<h3>何問起貪食蛇</h3> <a href="http://hovertree.com/game/">更多游戲</a>
</div>
</body>
</html>


更多小游戲:http://hovertree.com/game/
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved