你的位置:首页 > 网页设计

[网页设计]Javascript贪食蛇小游戏


试玩: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/h/bjaf/2rp37fq9.htm

更多特效:http://www.cnblogs.com/roucheng/p/texiao.html