[小作品][JS][JQuery][HTML5][Canvas]贪吃蛇

此蛇并无多少特色，只是不会撞墙，并且能把自己的身体吃掉。

解压缩附件后，双击snake.htm运行。没有库的依赖，JQuery已经一并打包。Arrow Keys控制蛇的移动，Space暂停游戏/继续游戏。

游戏的默认状态是暂停，按Space即可开始。

下载链接：http://files.cnblogs.com/files/jt2001/Snake.zip

文件大小：33KB

MD5：

[email protected]:~/released-projects$ md5sum Snake.zip
7f6effe047c483c1afa0b970ba780874  Snake.zip

时间： 2024-10-23 13:49:04

[小作品][JS][JQuery][HTML5][Canvas]贪吃蛇的相关文章

[小作品][JS][JQuery]求两个字符串的最大公共串

算法大概描述就是,分别用两个字符串作为横坐标和纵坐标建一个矩阵,遇到横竖字符相同的时候把这点的值设成1,否则设成零,最后矩阵中最长的不为零的对角线就是最大子字串. 例如: m a c h i a 0 1 0 0 0 b 0 0 0 0 0 m 1 0 0 0 0 a 0 1 0 0 0 c 0 0 1 0 0 这样有点问题:建完矩阵还要去找最长对角线,麻烦. 解决方案是:相等时不只把矩阵元素设为“1”,而是设成它左上角的元素值加一. 例如: m a c h i a 0 1 0 0 0 b

Canvas贪吃蛇大作战斗实现及思考

一向比较后知后觉,上周才发现了贪吃蛇大作战这个游戏,玩了一下,居然很上瘾!应该讲是一种虐的快感和不小心死掉的遗憾和再来一盘的心态的集合! 只是当时有个思考,就是游戏如何在我切换到其他应用后依然回来可以继续对战!是将我的数据及时保存,然后从这个游戏房间把我先挂起来,然后其他的玩家就会看到我突然在这里消失了?那么再将我恢复的时候如何保障不与其他用户冲突! 同时我发现每次进来,旁边的蛇依然在原来的位置,而且一样的会躲闪我的攻击等,我想那其他玩家的历史数据是怎么做到能判断我当前切换进来的行为!当时我还思

最简单的HTML5游戏——贪吃蛇

<html> <head> <meta charset="UTF-8"/> <title>贪吃蛇</title> </head> <body> <canvas id="canvas" width="1000" height="700"></canvas> <div> <input id="sw

Javascript基础示例：用JS写简易版贪吃蛇（面向对象）

废话不多说,代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>贪吃蛇</title> 6 <script> 7 var map; //地图类对象 8 var snake; //蛇类对象 9 var food; //食物类对象 10 var timer; //定时器对象 11 var sum=0; //分

[小作品][JS]转换一个矩阵（2维数组）为HTML Table

matrix[row][col],比如[ [ "Name", "Age" ], [ "Sam", 12 ] ] function (m) { var s = ''; for (var i in m) { s += '<tr>'; for (var j in m[i]) s += '<td>' + m[i][j] + '</td>'; s += '</tr>'; } return s; } 测试

JavaScript与html5写的贪吃蛇完整代码

JavaScript与html5写的贪吃蛇完整代码查看运行效果可访问http://www.codesocang.com/texiao/youxitexiao/2014/0402/7045.html# <!doctype html><html lang="en"><head><meta charset="utf-8"><title>js网页版的贪吃蛇游戏</title><style typ

贪吃蛇小游戏java实现代码分析

贪吃蛇小游戏java实现代码分析贪吃蛇的小游戏,网上的代码比较多,今天周五,在教研室没啥事做,在电脑中发现了一个贪吃蛇的小游戏,于是就看了下实现的源码,发现别人写的代码确实挺好的,自己也是边加注释边进行理解的去看别人实现的游戏源码,发现还是挺有意思的.自己花了一个下午的时间看了源码,也加了一点小小的功能,于是,不写篇博客觉得对不起自己也,哈哈哈. 此游戏代码的思路非常的清晰,也相当好理解,没有太多难的地方,不过有很多值得学习的地方,因为,这份源码中,对java.awt包中的很多类的很多方法都进

Python入门学习：一步步教你怎么用Python写贪吃蛇游戏

前几天,有人提到贪吃蛇,一下子就勾起了我的兴趣,毕竟在那个Nokia称霸的年代,这款游戏可是经典中的经典啊!而用Python(蛇)玩Snake(贪吃蛇),再合适不过了. 这里通过一个Python入门学习的例子跟大家详细讲解一下! 先通过下面这个效果图来感受下吧! 1 环境操作系统:Windows Python版本:3.7.3 2 需求分析我们先来回顾下贪吃蛇中的游戏元素及游戏规则. 首先呢,需要有贪吃蛇.有食物:需要能控制贪吃蛇来上下移动获取食物:贪吃蛇在吃取食物后,自身长度增加,同时食物消

使用Html5+JS做的贪吃蛇小游戏

学习了Html5的Canvas的使用,和JS创建对象,做了一个贪吃蛇小游戏,来巩固JS面向对象编程和Canvas的用法. Node.js 1 /** 2 * 格子类,组成贪吃蛇和舞台 3 */ 4 function Node(x,y){ 5 this.x=x; 6 this.y=y; 7 /** 8 * 比较两个格子是否重合 9 */ 10 this.equals=function(x,y){ 11 return this.x==x&&this.y==y; 12 } 13 } Snake.