jsp网页实现贪吃蛇小游戏_JSP编程

来源:脚本之家  责任编辑:小易  

用socket通信或者嫌麻烦可以直接接入matchvs这种第三方工具,轻松省事www.zgxue.com防采集请勿采集本网。

本文实例为大家分享了jsp网页实现贪吃蛇小游戏的具体代码,供大家参考,具体内容如下

import java.io.File;import javax.sound.sampled.AudioFormat;import javax.sound.sampled.AudioInputStream;import javax.sound.sampled.AudioSystem;import javax.sound.sampled.DataLine;

一、主要思路

我以前也编过贪食蛇,我把它改为二人对战的,可是PLAYER2的控制设定出现点问题 做游戏,还是做可以联网的

(1)第一步实现地图。

1和月左右吧,不过你得天天学,举一反三,List,Map,awt,Swing,这些都需要用到,写贪吃蛇,俄罗斯方块压根用不到数据库,自己用map做个简单的存储就够了,可以去github上找找源码,上面很多你想要的小游戏

(2)第二步实现蛇身。

分少点吧~ 再是小游戏,代码可不少啊

(3)第三步实现食物。

有是有,但并不是很多,而且都是贪吃蛇之类的,非常小的游戏,即便是页游也一样。能运行在浏览器端的语言,确实只有JS,但在开发阶段,却并不一定要使用JS写。而是用其他语言写,直接使用JS写

(4)第四步实现移动吃食物。

(5)第五步实现规则(撞墙游戏结束)。

二、代码实现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>贪吃蛇</title> <style> #map{ width: 400px; height: 400px; border: 1px solid black; } /*地图颜色*/ .divMap{ width: 18px; height: 18px; margin: 1px; background-color: yellow; float: left; } /*蛇身颜色*/ .divSnake{ width: 18px; height: 18px; margin: 1px; background-color: red; float: left; } /*食物颜色*/ .divFood{ width: 18px; height: 18px; margin: 1px; background-color: green; float: left; } </style> <script> var mapX=20; var mapY=20; //地图边界,横向和纵向的div小格 var arrMap=new Array();//地图数组 var snackeX = [4,5,6,7],snackeY=[2,2,2,2];//蛇身初始化坐标值 var foodX,foodY; //创建食物坐标 var keyCode = 39;//蛇身移动方向,默认向右 //创建地图 function createMap() { //获取地图外框div var map=document.getElementById("map"); //地图创建div小格,横纵各20个 for(y=0;y<mapY;y++) { arrMap[y]= new Array(); for(x=0;x<mapX;x++) { //div小格 var div =document.createElement("div"); div.className="divMap";//初始化样式 arrMap[y][x]=div;//将div小格放入地图数组中 map.appendChild(div);//页面绘制 } } } //创建蛇身 function createSnack(){ //改变地图中一串连续div底色 for(i=0;i<snackeX.length;i++) { arrMap[snackeY[i]][snackeX[i]].className ="divSnake"; } } //清除蛇身 function clearSnack() { for(i=0;i<snackeX.length;i++) { arrMap[snackeY[i]][snackeX[i]].className="divMap"; } } //创建食物 function createFood() { //arrMap[foodY][foodX].className="divFood"; var result;//判断是否要重新生成食物 do { result = false;//默认不重叠 //随机食物坐标 foodX=parseInt(Math.random()*mapX); foodY=parseInt(Math.random()*mapY); //判断食物不能出现在蛇身上 for(i=0;i>snackeX.length;i++) { if(snackeX[1]==foodX&&snackeY[1]==foodY) { result = true;//需要重新生成 break; } } }while(result); arrMap[foodY][foodX].className="divFood"; } //蛇身运动 //1.清除蛇身 //2.移动蛇身坐标,增加蛇头,清除蛇尾一格 function snackMove() { //清除蛇身 clearSnack(); for (i = 0; i < snackeX.length - 1; i++) { snackeX[i] = snackeX[i + 1]; snackeY[i] = snackeY[i + 1]; } //每次移动,蛇头增加一格, keyCode匹配键盘方向 switch (keyCode) { case 37://向左 snackeX[snackeX.length - 1]--; break; case 38://向上 snackeY[snackeY.length - 1]--; break; case 39://向右 snackeX[snackeX.length - 1]++; break; case 40://向下 snackeY[snackeY.length - 1]++; break; } //吃食物 if (snackeX[snackeX.length - 1] == foodX && snackeY[snackeY.length - 1] == foodY) { //吃到食物 snackeX[snackeX.length]=snackeX[snackeX.length-1]; snackeY[snackeY.length]=snackeY[snackeY.length-1]; //重新排列蛇身 for(i=snackeX.length-1;i>0;i--) { snackeX[i]=snackeX[i-1]; snackeY[i]=snackeY[i-1]; } createFood();//重新生成下一个食物 } //超出游戏边框 if(snackeX[snackeX.length-1]<0 || snackeX[snackeX.length-1]>mapX-1 || snackeY[snackeY.length-1]<0 || snackeY[snackeY.length-1]>mapY-1) { clearInterval(move);//停止移动 alert("游戏结束"); return ; } createSnack();//重新创建蛇身 } //键盘事件 function keyDown(){ var newKey = event.keyCode//键盘按键 if(keyCode == 37 && newKey == 39|| keyCode == 39 && newKey == 37|| keyCode == 38 && newKey == 40|| keyCode == 40 && newKey == 38 ) { //禁止掉头 return ; } else if(newKey>=37&&newKey<=40){ //用户按了某个方向键 keyCode=newKey; } else{ //其他按键 } } //运行 window.onload =function () { createMap(); //创建地图 createSnack();//创建蛇身 createFood();//创建食物 move= setInterval("snackMove()",200)//蛇身移动 document.onkeydown = keyDown;//获取方向键 } </script></head><body><div id="map"></div></body></html>

三、实现效果

按方向键实现蛇身运动。

面试不会问你这问题吧!JAVA主要的强点在B/S,那只是为了熟悉JAVA基础写的程序,面试官不会在那上面难为你的。贪吃蛇主要用到coreJAVA,JSP/HTML运行出来就是按上下左右到处游动的效果啊!随即点的建立可以用Random函数来解决。最重要的是要控制好边界问题,和页面的像素与实际移动的比例关系内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • javascript实现简单贪吃蛇效果
  • 原生js实现贪吃蛇小游戏
  • 原生javascript制作贪吃蛇小游戏的方法分析
  • js实现网页版贪吃蛇游戏
  • js写的贪吃蛇游戏(个人练习)
  • javascript贪吃蛇完整版(源码)
  • js实现贪吃蛇小游戏(容易理解)
  • 20行js代码实现的贪吃蛇小游戏
  • js贪吃蛇游戏实现思路和源码
  • 基于javascript实现贪吃蛇游戏
  • jsp彩色验证码的实例代码
  • hibernate实体对象继承的三种方法
  • ssm框架jsp使用layui实现layer弹出层效果
  • jsp实现的简单分页显示效果代码
  • servlet中session简介和使用例子
  • jsp 连接sql server 2008 连接不上的解决方法
  • jsp动态输出excel及中文乱码的解决
  • jsp获得本地及serverip的简单方法
  • jsp实现带查询条件的通用分页组件
  • jsp开发入门(五)--jsp其他相关资源
  • JAVA小游戏贪吃蛇如何做的,要知识点说明 谢谢啦。
  • 怎样将自己开发的贪吃蛇小游戏,通过java网络编程实现两台电脑两人同时对战
  • 求"贪吃蛇"小游戏JAVA源代码一份
  • 想要独自编写一个像贪吃蛇这样的小游戏,要学到什么什么水平?关键是要学几本书?单独的c够吗?要c++
  • 我用java做了一个贪吃蛇小游戏,我想看看你贪吃蛇游戏中如何添加的背景音乐(代码)
  • 最近在编写贪吃蛇的小游戏 求一个游戏的好创意??
  • java自学到可以自己做出一个小游戏 比如贪吃蛇 俄罗斯方块等需要多长时间
  • 请求Java作贪吃蛇小游戏的代码 大家快来帮帮我
  • js编写的小游戏有哪些
  • 我想求一个Java编写的贪吃蛇游戏,要有注释和流程图最好
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全javascriptasp.netphp编程ajax相关正则表达式asp编程jsp编程编程10000问css/htmlflex脚本加解密web2.0xml/rss网页编辑器相关技巧安全相关网页播放器其它综合dart首页jsp编程javascript实现简单贪吃蛇效果原生js实现贪吃蛇小游戏原生javascript制作贪吃蛇小游戏的方法分析js实现网页版贪吃蛇游戏js写的贪吃蛇游戏(个人练习)javascript贪吃蛇完整版(源码)js实现贪吃蛇小游戏(容易理解)20行js代码实现的贪吃蛇小游戏js贪吃蛇游戏实现思路和源码基于javascript实现贪吃蛇游戏jsp彩色验证码的实例代码hibernate实体对象继承的三种方法ssm框架jsp使用layui实现layer弹出层效果jsp实现的简单分页显示效果代码servlet中session简介和使用例子jsp 连接sql server 2008 连接不上的解决方法jsp动态输出excel及中文乱码的解决jsp获得本地及serverip的简单方法jsp实现带查询条件的通用分页组件jsp开发入门(五)--jsp其他相关资源jsp el表达式详细介绍jsp下页面跳转的几种方法小结jsp生成页面验证码的方法[附代码在jsp页面如何获得url参数spring mvc 框架搭建配置方法及详jsp web.xml文件的作用及基本配置jsp自定义标签taglib实现过程重点servlet+jsp实现图片或文件的上传将html页改成jsp的两种方式jsp 连接mysql配置与使用深入浅析jsp中 out.print 和 out.write 的深入剖析jsp和servlet对中文的处理response.getwriter().write()向前台打印jsp开发入门(三)--jsp与javabeanjsp实现添加功能和分页显示实例分析hibernate识别数据库特有字段实例详解jsp struts1 标签实例详解为什么要学习hibernate?spring 中 @service 和 @resource 注解的jsp 复选框使用方法
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved