贪吃蛇

js+jQuery实现贪吃蛇小游戏

倾然丶 夕夏残阳落幕 提交于 2020-01-15 21:28:34
这是我第一次这么认真的去写一个程序。今天老师布置的编程任务是实现一个贪吃蛇的小游戏,一开始感觉很茫然的,因为以前都没有这么系统的去做过一个编程任务。后来理清思路去做,感觉问题也并不是那么的难。 首先,第一步肯定是要编写出我们的的静态页面。 第二步,让我们的贪吃蛇先从一个开始动起来。 第三步,让我们通过键盘去控制他的运动方向。 第四步,让我们去判断我们的贪吃蛇有没有撞墙,有没有吃到自己,因为这已经犯规了。 第五步,给我们的贪吃蛇随机生成一个‘食物’。 第六步,实现每当我们的贪吃蛇吃了一个食物,他都能长个。 下面就是我所写的代码,我为每一行代码都添加上了我个人的理解,可能有一些理解偏差,请多多包涵,另外代码也异常的臃肿,但是作为初学者的我来说,能实现就已经很满足了,在以后慢慢的去实现代码的精简吧~ <!DOCTYPE html> <html> <head> <title>贪吃蛇</title> <meta charset="utf-8"> <script type="text/javascript" src='js/jquery-3.1.0.js'></script> <!-- 复制粘贴时记得引用Jquery库哟! --> <style type="text/css"> div { width: 18px; height: 18px; float: left; border: 1px

Java课程设计---贪吃蛇大作战

六眼飞鱼酱① 提交于 2020-01-09 00:52:19
目录 一、团队课程设计博客链接 二、个人负责模块和任务说明 三、自己的代码提交记录截图 四、自己负责模块或任务详细说明 五、课程设计感想 一、 团队课程设计博客链接 二、 个人负责模块和任务说明      1.负责实现闯关模式     2.负责实现挑战模式     3.串联GUI与信息代码     4.实现排行榜功能 三、 自己的代码提交记录截图 四、 自己负责模块或任务详细说明 这是挑战模式的时间线程 this.thread = new Thread(() -> { while (start) { if (count == 0) { break; } if (!pause) { count--; initText(); } try { Thread.sleep(SECOND); } catch (InterruptedException e) { e.printStackTrace(); } } count = 0; }); 游戏面板的重绘方法覆写 public void paint(Graphics g) { clearDraw(g); if(ground != null&&snake!=null&&food!=null) { ground.drawMe(g); food.drawMe(g); snake.drawMe(g); } if(snake!=null&& !snake

5G时代,学编程不学前端,吃不吃亏你自己看!

亡梦爱人 提交于 2020-01-07 03:40:27
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 5G这个新时代发展之下的产物,所影响的不是只有科技业,从生产到生活,各个行业都将为其到来发生改变,包括可穿戴设备等领域将释放出大量的前端开发需求。而处在人与物连接的互联网就显的由为重要,不管多先进的技术都需要端口的介入,前端开发的重要也更是不言而喻的。 随着近些年来前端开发的比重逐渐加大,整个开发团队的人员配备正在向前端倾斜,包括Android开发、iOS开发、PC端开发、小程序开发等日趋火热重要,前端工程师的角色占比进一步提升。 什么是前端? 前端是从网页制作进化过来的一种叫法。早期的前端也就是网页制作,现在的前端其实叫法变成了大前端。 前端和大前端有什么区别? 早期的前端是开发网页的,而现在的前端,随着Node.js(后端语言)的兴起,给前端带来了很大的变化,让前端的职责范围变得越来越大。所以称之为大前端。 大前端能做哪些东西? 一、PC端开发 1.网页开发(浏览器打开的所有的页面都是前端工程师开发的) 2.app开发(电脑上的软件) 二、移动端开发(2019年整个互联网的发展都是倾向移动端的,这也是大前端火的原因) 移动端网页开发 移动端app开发 1.原生app开发(安卓和ios,跟前端没啥关系,这种方式成本高,难维护) 2.webapp(完全使用h5技术开发的app,163邮箱,QQ空间,百度新闻

Java小项目之贪吃蛇,来学做java小游戏呀!

最后都变了- 提交于 2020-01-07 02:01:02
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> Java小项目之贪吃蛇 贪吃蛇,绝对是很多朋友的童年记忆。几乎没有人会说没玩过这款小游戏,因为不管在小灵通手机,直板手机,还是半智能手机,甚至是现在的5G手机,都能看见这款游戏的身影。 虽然游戏一直在进化,画面,风格,操作方式越来越精细,但是游戏本质的玩法是没变的,例如蛇不断变大,碰到墙壁会死亡等设定。 这篇文章来分享java小游戏贪吃蛇: 部分代码展示: 这个贪吃蛇小游戏,玩法和操控,都是比较完善的,大家感兴趣的可以自己做着玩。 需要java贪吃蛇小游戏的可以私信我,我给大家分享素材和源码! 助人为乐,学雷锋做好事不留名,就是我,哇咔咔! 来源: oschina 链接: https://my.oschina.net/u/4294714/blog/3153485

java小游戏之贪吃蛇,来学做java小游戏呀!

谁说我不能喝 提交于 2020-01-06 22:56:50
Java小项目之贪吃蛇 贪吃蛇,绝对是很多朋友的童年记忆。几乎没有人会说没玩过这款小游戏,因为不管在小灵通手机,直板手机,还是半智能手机,甚至是现在的5G手机,都能看见这款游戏的身影。 虽然游戏一直在进化,画面,风格,操作方式越来越精细,但是游戏本质的玩法是没变的,例如蛇不断变大,碰到墙壁会死亡等设定。 这篇文章来分享java小游戏贪吃蛇: 部分代码展示: 这个贪吃蛇小游戏,玩法和操控,都是比较完善的,大家感兴趣的可以自己做着玩。 需要java贪吃蛇小游戏的可以私信我,我给大家分享素材和源码! 助人为乐,学雷锋做好事不留名,就是我,哇咔咔! 来源: CSDN 作者: Tyloo_wdnmd 链接: https://blog.csdn.net/Tyloo_wdnmd/article/details/103836887

微信小程序:贪吃蛇

折月煮酒 提交于 2020-01-04 11:17:35
微信小程序:贪吃蛇 wx.js var startX = 0 ; var startY = 0 ; var moveX = 0 ; var moveY = 0 ; //移动位置和开始位置的坐标差值 var X = 0 ; var Y = 0 ; //蛇的对象 var snake = { x : 0 , y : 0 , color : "#ff0000" , w : 20 , h : 20 , } //食物对象 var food = { x : 0 , y : 0 , color : "#ff0000" , w : 20 , h : 20 , } //蛇身对象数据 var snakeArr = [ ] ; //方向 var direction = "right" ; var directio = null ; //窗口宽高 var windowWidth = wx . getSystemInfoSync ( ) . windowWidth ; var windowHeight = wx . getSystemInfoSync ( ) . windowHeight ; //食物数组 var foodArr = [ ] ; //记录吃的食物数 var foodNum = 0 ; Page ( { //按下获取坐标 touchs触摸 canvasStart : function ( e )

JS高级---案例:贪吃蛇小游戏

偶尔善良 提交于 2020-01-03 17:04:29
案例:贪吃蛇小游戏 可以玩的小游戏,略复杂,过了2遍,先pass吧 先创建构造函数,再给原型添加方法。分别创建食物,小蛇和游戏对象。 食物,小蛇的横纵坐标,设置最大最小值,运动起来的函数,按上下左右键的处理函数,吃到的处理函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> .map { width: 800px; height: 600px; background-color: #CCC; position: relative; } </style> </head> <body> <!--画出地图,设置样式--> <div class="map"></div> <script> //自调用函数----食物的 (function () { var elements = [];//用来保存每个小方块食物的 //食物就是一个对象,有宽,有高,有颜色,有横纵坐标,先定义构造函数,然后创建对象 function Food(x, y, width, height, color) { //横纵坐标 this.x = x || 0; this.y = y || 0; //宽和高 this.width = width || 20; this.height =

高级语言实训课程:简单的贪吃蛇项目实现(C语言)

人盡茶涼 提交于 2019-12-30 03:00:59
简单的贪吃蛇项目实现(C语言)源码 基本功能 具体模块 具体实现代源码 总结及改进 记录高级程序语言课的项目1:简单贪吃蛇小游戏(环境是Dev-C++) 第一次的小记录*~*加油 基本功能 本项目的主要功能为实现贪吃蛇小游戏,首先进行利用光标的定位来进行一系列的数据初始化,然后利用键盘上的按键来控制小蛇的移动,在此过程中,小蛇吃到食物后身体会变长,当它在移动的过程中撞到游戏边界或者咬到自己就结束游戏,并且得到一个食物就会积累相应得分。 具体模块 1、数据初始化模块 2、光标定位模块 3、移动模块 4、移动方向判定模块 具体实现代源码 /******************************************************************************** * @File name: main.c * @Description: 此程序文件完成的是贪吃蛇小游戏,将设计出初始长度很短的小蛇,蛇头 碰到随机生成的食物就会变长,并且在此过程中,小蛇碰到游戏界面或者 碰到自己都标志着结束,吃到一个食物相应加10分,并统计最终总得分 * @ Function List: void Pos();//设置光标位置 void creatInterface();//创建游戏界面 void InitializeSnake();//初始化蛇的身体 int bite

WPF贪吃蛇

旧时模样 提交于 2019-12-29 21:39:14
游戏的显示界面 this.WindowState = WindowState.Maximized;//最大化 //this.Opacity = 0.4; //this.Background = Brushes.Transparent;//透明 this.Background = new RadialGradientBrush(Colors.Blue, Colors.White); //线性渐变 //熊猫蛇移动 //DispatcherTimer sd = new DispatcherTimer(); sd.Interval = TimeSpan.FromMilliseconds(100); sd.Tick += Sd_Tick; //黄蜂蛇移动 ds.Interval = TimeSpan.FromMilliseconds(100); ds.Tick += Ds_Tick; //键盘事件 KeyDown += MainWindow_KeyDown; //判断框 BG.Width = this.Width;//1548 游戏界面等于主界面 BG.Height = this.Height;//845 游戏界面等于主界面 dd.Width = size * cols-20;//框的宽 dd.Height = size * rows;//框的高 dd.BorderThickness =

用C++写一个贪吃蛇游戏(dos界面)

非 Y 不嫁゛ 提交于 2019-12-28 01:46:21
用C++写一个贪吃蛇游戏(dos界面) 效果大概是这样的: 游戏分为三个模块:(用三个类封装起来) 1.墙 2.食物 3.蛇 关键的函数 1 #include<conio.h> 中的_getch();可以不回显的输入w(上)s(下)a(左)d(有) 它的返回值是输入的函数(c++中要加_,c中不需要) 2 <windows.h> 中的Sleep(时间); 3 #include<conio.h> 中的_kbhit();用于检查输入缓冲区中有没有内容,有内容返回true,无返回false(c++中要加_,c中不需要) 4 #include<system.h> 中的: void gotoxy0(HANDLE hOut0, int x, int y) { COORD pos; pos.X = x;//横坐标 pos.Y = y;//纵坐标 SetConsoleCursorPosition(hOut0, pos); } HANDLE hOut = GetStdHandle(STD_OUTPUT_HANDLE);//定显示器的句柄变量 用于定义光标位置: gotoxy(hOut,y,x); 代码如下: -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- /*墙模块*/ /