jsp網頁實現貪吃蛇小游戲_JSP編程

來源:腳本之家  責任編輯:小易  

用socket通信或者嫌麻煩可以直接接入matchvs這種第三方工具,輕松省事www.anxorj.tw防采集請勿采集本網。

本文實例為大家分享了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.anxorj.tw請勿采集。


  • 本文相關:
  • 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.anxorj.tw All Rights Reserved
    陕西快乐10分下载