WEB泡泡堂2.0（图形界面+电脑对玩）(javascript)_javascript技巧_动视

WEB泡泡堂2.0（图形界面+电脑对玩）(javascript)_javascript技巧

2020-11-27 20:34:33 责编:小采

<html> 
<head> 
<title>Hxyman Popo Ver 1.0</title> 
<meta name="Generator" content="EditPlus"> 
<meta name="Author" content="Hxyman"> 
<style> 
 
</style> 
</head> 
<body> 
 
 
 0 && str.indexOf(this.Map[x][y]) != -1) 
 { 
 for (var i=0; i<this.BulbMax; i++) 
 { 
 if (0 == this.Bulb[i].display) 
 { 
 this.Bulb[i] = new Bulb(x, y); 
 this.Bulb[i].player = who; 
 this.Bulb[i].power = this.Player[who].power; 
 this.Bulb[i].wait = this.BulbWait; 
 this.Bulb[i].display = 1; 
 this.Map[x][y] = "b"; 
 this.Player[who].remain--; 
 return 0; 
 } 
 } 
 } 
 }

//假死 
 this.Dead = function(n){ 
 this.Player[n].state = 2; 
 document.getElementById("player"+n).style.color = "gray"; 
 window.clearTimeout(this.DeadsetTimeOut[n]) 
 this.DeadsetTimeOut[n] = setTimeout(this.ClassName+".Player["+n+"].state=1; document.getElementById('player"+n+"').style.color = '';", this.PlayerRecovery); 
 }

//爆炸的具体处理过程 
 this.DoBurst = function(x, y, dir){ 
 var GetEquip = " "; 
 switch(this.Map[x][y]) 
 { 
 case "k": 
 switch(this.Equip[this.GetRnd(this.Equip.length-1)]) 
 { 
 case "n": 
 this.Map[x][y] = "n"; 
 GetEquip = "◎" 
 break; 
 case "p": 
 this.Map[x][y] = "p"; 
 GetEquip = "☆" 
 break; 
 default: 
 this.Map[x][y] = " "; 
 } 
 break; 
 case "#": 
 this.stop[dir] = 1; 
 return 0; 
 break; 
 default: 
 this.Map[x][y] = " "; 
 } 
 this.ReDrawBox(x, y, "¤"); 
 for (var i=0; i<this.Player.length; i++) 
 { 
 if (this.Player[i].x == x && this.Player[i].y == y) 
 { 
 this.Dead(i); 
 } 
 } 
 setTimeout(this.ClassName+".ReDrawBox("+x+", "+y+", \""+GetEquip+"\");", this.BulbBurst); 
 } 
 
 //连爆 
 this.OtherBurst = function(x, y, n){ 
 for (var i=0; i!=n,i<this.BulbMax; i++ ) 
 { 
 if (this.Bulb[i].x == x && this.Bulb[i].y == y && this.Bulb[i].display == 1) this.Bulb[i].wait = 0; 
 } 
 } 
 
 //爆炸 
 this.Burst = function(n){ 
 var x = this.Bulb[n].x; 
 var y = this.Bulb[n].y; 
 if (this.Player[this.Bulb[n].player].remain < this.Player[this.Bulb[n].player].popo) this.Player[this.Bulb[n].player].remain++; 
 this.DoBurst(x, y); 
 this.stop[0] = 0; this.stop[1] = 0; this.stop[2] = 0; this.stop[3] = 0; 
 for (var i=1; i<=this.Bulb[n].power; i++) 
 { 
 //right 
 x += i; 
 if (!this.stop[0] && x < this.MapMaxX-1) 
 { 
 this.DoBurst(x, y, 0); this.OtherBurst(x, y, i); 
 } 
 x -= i; 
 //up 
 y += i; 
 if (!this.stop[1] && y < this.MapMaxY-1) 
 { 
 this.DoBurst(x, y, 1); this.OtherBurst(x, y, i); 
 } 
 y -= i; 
 //left 
 x -= i; 
 if (!this.stop[2] && x > 0) 
 { 
 this.DoBurst(x, y, 2); this.OtherBurst(x, y, i); 
 } 
 x += i; 
 //down 
 y -= i; 
 if (!this.stop[3] && y > 0) 
 { 
 this.DoBurst(x, y, 3); this.OtherBurst(x, y, i); 
 } 
 y += i; 
 } 
 document.getElementById("bulb"+n).style.display = 'none'; 
 this.Bulb[n].display = 0; 
 }

//不断更新状态 
 this.ShowBulb = function(){ 
 for (var i=0; i<this.BulbMax; i++) 
 { 
 var obj = document.getElementById("bulb"+i); 
 if (this.Bulb[i].wait-- > 0) 
 { 
 obj.style.left = this.Bulb[i].x*this.BoxWidth; 
 obj.style.top = this.Bulb[i].y*this.BoxHeight; 
 obj.style.display = ""; 
 if (obj.tendency > 0) 
 { 
 this.Bulb[i].size++; 
 if (this.Bulb[i].size > this.Bulb[i].size_max) 
 { 
 obj.tendency = 0; 
 } 
 } 
 else 
 { 
 this.Bulb[i].size--; 
 if (this.Bulb[i].size < this.Bulb[i].size_min) 
 { 
 obj.tendency = 1; 
 } 
 } 
 obj.style.fontSize = this.Bulb[i].size+"px"; 
 } 
 else if (this.Bulb[i].display > 0) 
 { 
 this.Burst(i); 
 } 
 } 
 }

this.Control = function(){ 
 switch(event.keyCode){ 
 //player 1 
 case 37: //left 
 this.Move(-1, 0, 0); 
 break; 
 case 38: //up 
 this.Move(0, -1, 0); 
 break; 
 case 39: //right 
 this.Move(1, 0, 0); 
 break; 
 case 40: //down 
 this.Move(0, 1, 0); 
 break; 
 case 13: //enter 
 this.Fix(0); 
 break; 
 //player 2 
 case 65: //left 
 this.Move(-1, 0, 1); 
 break; 
 case 87: //up 
 this.Move(0, -1, 1); 
 break; 
 case 68: //right 
 this.Move(1, 0, 1); 
 break; 
 case 83: //down 
 this.Move(0, 1, 1); 
 break; 
 case 32: //space 
 this.Fix(1); 
 break; 
 } 
 event.returnValue = false; 
 }

this.Begin = function(){ 
 this.Itv = window.setInterval(""+this.ClassName+".ShowBulb()", 100); //主进程 
 }

this.End = function(){ 
 window.clearInterval(this.Itv); 
 } 
}

var game = new Popo("game"); 
game.InitMap(); 
game.InitBulb(game.BulbMax); 
game.Begin();

function document.onkeydown(){game.Control()} 
//--> 
 
<div style="display:none;"><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?de973f4fc4fc27c651135a4cd7781c2b";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></div></body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
谢谢大家支持，玩法如Rimifon版主所说：
玩家1的方向键：asdw，为空格
玩家2的方向键位键盘方向键，为回车
可以炸出绿色泡泡和红色加威力的五角星。

图形都是字符，所以不太好看。

[2006-9-10]
这两天我把它改成图形界面了。呵呵，差不多可以乱真了。不过加了声音后好慢。我的声音是用几个bgsound来处理，当几个一起播放时会卡。不知道怎么才能处理好声音。暂时发个截图。等问题都解决了再整个发上来：）

下载本文

显示全文

全部频道