js版本的贪吃蛇

原计划使用java写一个C端的贪吃蛇,后来发现要从头学java C端的知识,时间紧迫,就使用js写了一个页面版的,代码还有优化的空间,大家努力。
这个蛇,自己会向前爬行,遇到墙壁会自动拐弯儿,会受键盘的方向键控制(这里引入了一个jq的js文件),会吃果实,游戏结束后,点击确定就可以重新开始。
目前只支持谷歌浏览器。
上代码:

<html><head><title>title><meta charSet="utf-8"/><script type="text/javascript" src="https://www.wushangmi.com/js/jquery-1.11.0.min.js">script><style type="text/css">#main{width: 280px;height: 280px;}button{width: 14px;height: 14px;border: 1px solid #ccc;}.green-btn{background-color:green;}.red-btn{background-color:red;}style>head><body><div id="main">div><script type="text/javascript">var range = 20;// 1,生成初始化的蛇身,二维数组:一维度是多少个点,二维度是点的x和yvar snake;var direction;//初始方向var fruitPoint;//果实init();// 2,自动移动,顺当前方向var moveInterval;function init(){snake = [[0,0],[1,0]];direction = "right";fruitPoint = fruit();moveInterval = setInterval(autoMove,500);var canvas = initSnake(range);//整理画布,把蛇的位置填充进去// print(canvas);


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部