【散分】【自己写了个 JavaScript 小游戏】解决思路
日期：2014-05-16 浏览次数：20544 次
【散分】【自己写了个 JavaScript 小游戏】
在ie6，ie7，火狐3.6 上测试通过！
在ie6，ie7，火狐3.6 上测试通过！
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>wujinjian</title>
<script type="text/javascript">
var xyNum=20; //敌方数量
var arrXY=new Array(); //用数组记录敌方
var myObjII; //我自己外面的div
var myObjI; //我自己
var mapobj; //地图对象
//控制窗体位置
function formPosition()
{
var w=getMapObj().style.width.replace("px","")-0;
var clientw=document.body.clientWidth;
getMapObj().style.left=(clientw-w)/2+"px";
document.getElementById("fbid").style.left=(clientw-w)/2+"px";
document.getElementById("gzid").style.left=(clientw-w)/2+"px";
}
function getMapObj()
{
if(mapobj==null)
mapobj=document.getElementById("mapid");
return mapobj;
}
//创建敌方
function createYu()
{
for(var i=0;i<xyNum;i++)
{
var xyObj=document.createElement("div");
arrXY[i]=xyObj;
var sx=randomZL().split("*");
xyObj.qdy=0; //当敌人比我强大时，敌人向我靠近
xyObj.tp=sx[3]; //敌人类型
xyObj.sdx=getRandom(10); //敌人向左移动的速度
xyObj.sdy=0; //敌人向上移动的速度
xyObj.style.position="absolute";
xyObj.style.left=getMapWidth()+"px";
xyObj.style.top=getRandom(getMapHeight())+"px";
xyObj.style.width=sx[0];
xyObj.style.height=sx[1];
xyObj.style.border="white solid 1px";
xyObj.style.filter="alpha(opacity=80)";
xyObj.style.opacity=0.8;
xyObj.style.backgroundColor=sx[2];
getMapObj().appendChild(xyObj);
}
createMyYu();
moveYu();
}
//随机敌人类型
function randomZL()
{
var zl=getRandom(10);
var w=""; //敌人的宽
var h=""; //高
var color=""; //颜色
var tp=""; //类型
if(zl>=1 && zl<=3)
{
w="20px";
h="20px";
color="cyan";
tp="1"; //敌人类型，1最小，依次类推
}
else if(zl==4 || zl==5)
{
w="40px";
h="40px";
color="yellow";
tp="2";
}
else if(zl==6 || zl==7)
{
w="60px";
h="60px";
color="gray";
tp="3";
}
else if(zl==8)
{
w="80px";
h="80px";
color="black";
tp="4";
}
else
{
w="20px&quo
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
