国产在线精品二区,一区二区不卡视频,久久国产一区

一個簡單的用java寫的非常不錯的貪食蛇游戲

網絡 2009/4/7 20:15:13 深山行者字體:大中小瀏覽 8919

以下為詳細代碼

<html>一個簡單的用java寫的非常不錯的貪食蛇游戲
<head>
<script type="text/javascript">
function cbsnake(){
//Pixels to move at once
this.jump = 8;
//Size of snake. Make this one less than jump. Doesn't have to be,but adds good effect
this.sos = 7;
//Size of board
//DANGER!!! this.sofb must be EVENLY dividable by this.jump DANGER!!!!
this.sofb = 400;
//Set things up
this.daway = this.sofb - this.jump;
this.correct = new Array();
this.correct[0] = 0;
while(this.correct[this.correct.length -1] != this.daway){
this.correct[this.correct.length] = this.correct[this.correct.length -1]+this.jump
}
this.zero = 0;
var gameboard = ' <div class="board" id="board"> <div id="i2">這是一個簡單的貪食蛇游戲。選擇一個速度，然后用你的箭頭鍵來嘗試吃蘋果（紅色塊），但要注意別碰到墻壁和自己。你可以在任何時候按下空格鍵以暫停游戲。</div> </div><div class="board" id="score"> <span id="cscore">0</span> <span id="buttons"> <button type="button" id="slow" onClick="snake.slow()">慢</button> <button type="button" id="medium"  onClick="snake.medium()">中</button> <button type="button" id="fast"  onClick="snake.fast()">快</button> </span></div>';
document.write(gameboard);
}
cbsnake.prototype.setup = function(setspeed){
var thisObj = this;
//Score...
this.score = 0;
//Snake Direction
this.sdir = 'none';
this.sdirb = 'none'; 
this.sdirp = 'none';
//Snake arrays
this.ctop = new Array();
this.cleft = new Array();
//Top of snake class
this.ctop[0] = 200;
this.ctop[1] = -8;
//Left of Snake class
this.cleft[0] = 200;
this.cleft[1] = -8;
//current top of apple
this.atop = 0;
//current left of apple
this.aleft = 0;
//Milliseconds between move
this.speed = setspeed;
					document.getElementById('board').innerHTML = '<div id="apple"></div><div id="snake0" class="snake"></div><div id="snake1" class="snake"></div>';
this.moveapple();
this.stopgame = false;
setTimeout(function(){ thisObj.msnake() },this.speed);
document.onkeydown = function(e){ return thisObj.snakedir(e); };
}
cbsnake.prototype.slow = function(){
this.setup(100);
this.buttons('true');
document.getElementById('slow').blur();
}
cbsnake.prototype.medium = function(){
this.setup(70);
this.buttons('true');
document.getElementById('medium').blur();
}
cbsnake.prototype.fast = function(){
this.setup(30);
this.buttons('true');
document.getElementById('fast').blur();
}
cbsnake.prototype.rannum = function(num1,num2){
num1 = parseInt(num1);
num2 = parseInt(num2);
var generator = Math.random()*(Math.abs(num2-num1));
generator = Math.round(num1+generator);
return generator;
}
cbsnake.prototype.moveapple = function(){
var usethis = false;
while(!usethis){
this.atop = this.correct[this.rannum(0,this.correct.length-1)];
this.aleft = this.correct[this.rannum(0,this.correct.length-1)];
if(this.numInArray(this.ctop,this.cleft,this.atop,this.aleft) == 0){
usethis = true;
}			
}
document.getElementById('apple').style.top = this.atop+"px";
document.getElementById('apple').style.left = this.aleft+"px";
}
cbsnake.prototype.snakedir = function(e){  
if(!e){
//IE...
e = window.event;
}
switch(e.keyCode){
case 38:
if(this.sdir != 'down' && this.sdirp != 'down'){
this.sdirb = 'up';
this.sdirp = 'up';
}
break;
case 40:
if(this.sdir != 'up' && this.sdirp != 'up'){
this.sdirb = 'down';
this.sdirp = 'down';
}
break;
case 37:
if(this.sdir != 'right' && this.sdirp != 'right'){
this.sdirb = 'left';
this.sdirp = 'left';
}
break;
case 39:
if(this.sdir != 'left' && this.sdirp != 'left'){
this.sdirb = 'right';
this.sdirp = 'right';
}
break;
case 32:
if(this.sdir == 'none' && this.sdirp != 'none'){
this.sdirb = this.sdirp;
this.sdirp = 'none';
}
else{this.sdirp = this.sdir;
this.sdirb = 'none';
}
break;
}
return this.stopgame;
}
cbsnake.prototype.msnake = function(){
if(this.stopgame === false){
if(this.sdir != 'none'){
this.moveall();
}
var thisObj = this;
switch(this.sdir){
case 'up':
this.ctop[0] = this.ctop[0] - this.jump;
document.getElementById('snake0').style.top = this.ctop[0]+"px";
if((this.ctop[0] == this.zero && this.sdirb == 'up') || this.ctop[0] < this.zero){
this.gover();
}
break;
case 'down':
this.ctop[0] = this.ctop[0] + this.jump;
document.getElementById('snake0').style.top = this.ctop[0]+"px";
if((this.ctop[0] == this.daway && this.sdirb == 'down') || this.ctop[0] > this.daway){
this.gover();
}
break;
case 'left':
this.cleft[0] = this.cleft[0] - this.jump;
document.getElementById('snake0').style.left = this.cleft[0]+"px";
if((this.cleft[0] == this.zero && this.sdirb == 'left') || this.cleft[0] < this.zero){
this.gover();
}
break;
case 'right':
this.cleft[0] = this.cleft[0] + this.jump;
document.getElementById('snake0').style.left = this.cleft[0]+"px";
if((this.cleft[0] == this.daway && this.sdirb == 'right') || this.cleft[0] > this.daway){
this.gover();
}
break;
}
if(this.sdir != 'none'){
this.hitself();
this.happle();
}
this.sdir = this.sdirb
setTimeout(function(){ thisObj.msnake() },this.speed);
}
}
cbsnake.prototype.gover = function(){
if(!this.stopgame){
this.stopgame = true;
var inner = document.getElementById('board').innerHTML;
						document.getElementById('board').innerHTML = inner+'<div id="notice">比賽結束了！你的得分為 '+this.score+'</div><div id="i2">這是一個簡單的貪食蛇游戲。選擇一個速度，然后用你的箭頭鍵來嘗試吃蘋果（紅色塊），但要注意別碰到墻壁和自己。你可以在任何時候按下空格鍵以暫停游戲。</div>';
document.getElementById('apple').style.backgroundColor = '#D7BEBE';
for(i=0;i<this.cleft.length;i++){
document.getElementById('snake'+i).style.backgroundColor = '#BEBEBE';
}
this.buttons('');
}
}
cbsnake.prototype.happle = function(){
if(this.atop == this.ctop[0] && this.aleft == this.cleft[0]){
//HIT!!!
this.score++;
document.getElementById('cscore').innerHTML = this.score;
this.moveapple();
this.addsnake();
}
}
cbsnake.prototype.addsnake = function(){
var newsnake = document.createElement('div');
var newid = 'snake'+this.cleft.length;
newsnake.setAttribute('id',newid);
//this crap is for IE. I would rather add the class name.
newsnake.style.position = 'absolute';
newsnake.style.top = '-10px';
newsnake.style.left = '-10px';
newsnake.style.display = 'none';
newsnake.style.backgroundColor = 'black';
newsnake.style.height = '7px';
newsnake.style.width = '7px';
newsnake.style.overflow = 'hidden';
document.getElementById('board').appendChild(newsnake);
this.cleft[this.cleft.length] = -10;
this.ctop[this.ctop.length] = -10;
}
cbsnake.prototype.moveall = function(){
var i = this.ctop.length - 1;
while(i != 0){
document.getElementById('snake'+i).style.top = document.getElementById('snake'+(i-1)).style.top;
document.getElementById('snake'+i).style.left = document.getElementById('snake'+(i-1)).style.left;
document.getElementById('snake'+i).style.display = 'block';
this.ctop[i] = this.ctop[i-1];
this.cleft[i] = this.cleft[i-1];
i = i - 1;
}
}
cbsnake.prototype.numInArray = function(array,array2,value,value2){
var n = 0;
for (var i=0; i < array.length; i++) {
if (array[i] === value && array2[i] === value2) {
n++;
}
}
return n;
}
cbsnake.prototype.hitself = function(){
if(this.numInArray(this.ctop,this.cleft,this.ctop[0],this.cleft[0]) > 1){
this.gover();
}
}
cbsnake.prototype.buttons = function(setto){
document.getElementById('slow').disabled = setto;
document.getElementById('medium').disabled = setto;
document.getElementById('fast').disabled = setto;
}
</script>
<style type="text/css">
.board{
width: 399px;
background-color: lightgrey;
border: 1px solid gray;
position: relative;
margin-left: 0;
margin-top: 0;
}
#board{
height: 399px;
border-bottom: 0px;
}
#apple{
position: absolute;
background-color: red;
height: 7px;
width: 7px;
overflow: hidden;
}
.snake{
position: absolute;
top: 200px;
left: 200px;
background-color: black;
height: 7px;
width: 7px;
overflow: hidden;
}
.snake2{
position: absolute;
top: -10px;
left: -10px;
background-color: black;
height: 7px;
width: 7px;
overflow: hidden;
}
#score{
height: 50px;
margin-top: 0px;
}
#cscore{
color: black;
padding-left: 10px;
float: left;
width: 25%;
font-size: xx-large;
}
#buttons{
float: right;
width: 50%;
text-align: right;
padding-top: 10px;
}
#notice{
position: absolute;
top: 1em;
left: 1em;
right: 1em;
text-align: center;
font-size: 150%;
}
#i2{
position: absolute;
bottom: 1em;
left: 1em;
right: 1em;
text-align: center;
font-size: 95%;
}
</style>
</head>
<body>
<script type="text/javascript">
var snake = new cbsnake();
</script>
</body>
</html>

前一頁:移動層，并且保存各個層的位置，可以方便的制作成為一個動態的頁面

后一頁:可移動的彈出層

相關閱讀: 微信小程序開發中鏈接navigateTo與redirectTo的對比說明; loading圖片; ASP取得文件的名稱.路徑.建立日期.文件大小.文件類型; uni-app判斷當前客戶端是安卓還是ios還是其它平臺; CSS設計符合Web標準的網頁表單的幾個技巧; 汽車交易網站; dreawmeaver中鮮為人知的小秘訣,讓你制作網頁更加隨心所欲.; uni.openLocation打開地圖導航沒反應解決方式（參數都設置對就是打不開）

共有0條關于《一個簡單的用java寫的非常不錯的貪食蛇游戲》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery下拉到某個固定位置然后某些元素發生改變樣式狀態; canvas繪制的文字如何換行; 兼容pc、移動端用js實現復制內容到剪切板（支持蘋果safari瀏覽器）; js兼容多個瀏覽器右下角漂浮廣告; 兼容ie6+和火狐的禁止右鍵; 做在線客服時，聊天窗口的div滾動條始終在底部

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 區分IE6,IE7和firefox的CSS hack; div+css中absolute標簽與relative標簽的巧妙運用; 網站站長：提高頁面瀏覽速度的辦法; 生成最新日期與時間選擇（年月日）下拉框; asp簡繁體轉換函數（含3500漢字對照表）; 網頁中自動換行問題

更多標簽熱門標簽

展開垂直數組網站地圖結果鏈接常用個性圖層連云港旅游搜索對象柱狀文件類型下拉框 cpu 調節縮小命名下劃線文本購物 web 2.0 id 密碼墻文字 float display shift 美化源文件 IP 文化 web 數字收藏 JS效果替換 Response 灰色分隔符限制評論方法深山 DIV+CSS做的透明菜單兼容IE、FF等商城時間 DropShadow

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

一個簡單的用java寫的非常不錯的貪食蛇游戲