用jquery改写智能社【是男人就撑20秒】

zwm512327

浏览: 56871 次
性别:
来自: 大连

最近访客更多访客>>

u012433194

a450065208

syt100

jajajajas

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

jquery学习

只是学习jquery的用法，原算法和css文件基本都没改。增加了已撑时间。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>是男人就撑20秒(jquery 学习)</title>

$(document).ready(function(){

//生成随机数

function rnd(min,max){

return parseInt((Math.random()*999)%(max-min+1))+min;

}

//鼠标右键无效

$(document).bind("contextmenu",function(e){return false;});

//定时函数

var iTimerBullet=null;

//包装碰撞块对象的数组

var aBullet=[];

var MAX_SPEED=5;

var MIN_SPEED=2;

//每级所用的时间 3000ms

var SCREEN_TIME=3;

var COUNT_BULLET=10;

var iLevel=1;

var iScore=0;

var i=0;

$("#start").click(function(ev){

$("#man").show();

//移动红快

$(document).mousemove(function(ev){

var mLeft=$("#bg").css("margin-left").replace("px","");

var mTop=$("#bg").css("margin-top").replace("px","");

var bgPos=$("#bg").position();

//left

var l=ev.pageX-bgPos.left-mLeft-$("#man").width()/2;

//top

var t=ev.pageY-bgPos.top-mTop-$("#man").height()/2;

//越界判断

if(l<0){

l=0;

}

else if(l>=$("#bg").width()-$("#man").width()){

l=$("#bg").width()-$("#man").width();

}

if(t<0){

t=0;

}

else if(t>=$("#bg").height()-$("#man").height()){

t=$("#bg").height()-$("#man").height();

}

$("#man").css({"left":l+"px","top":t+"px"});

});

//子弹

var startTime=(new Date()).getTime();

var startTimeAll=(new Date()).getTime();

iTimerBullet=setInterval(function (){

for(i=0;i<aBullet.length;i++)

{

aBullet[i].x+=aBullet[i].speedX;

aBullet[i].y+=aBullet[i].speedY;

aBullet[i].obj.css("left",aBullet[i].x+'px')

.css("top",aBullet[i].y+'px');

if(aBullet[i].x<0 || aBullet[i].x>$("#bg").width()|| aBullet[i].y<0 || aBullet[i].y>$("#bg").height())

{

removeBullet(aBullet[i]);

createBullet();

i--;

}

if(cd(aBullet[i].obj, $("#man")))

{

clearInterval(iTimerBullet);

$(document).unbind("mousemove");

$("#game_over").show();

}

var t=(new Date()).getTime()-startTimeAll;

$("#spendTime").text(Math.round(t/1000)+"秒");

iScore=parseInt(t/300);

$("#score").html('<li>难度：'+iLevel+'</li><li>得分：'+iScore+'</li>');

var t=(new Date()).getTime()-startTime;

var scale=100*(1-t/(SCREEN_TIME*1000));

var $oProgressSpan=$("#progress span");

if(scale<=0)

{

$oProgressSpan.width(0+'%');

startTime=(new Date()).getTime();

createBullet();

COUNT_BULLET++;

MAX_SPEED+=0.5;

iLevel++;

}

else

{

$oProgressSpan.width(scale+'%');

}

}, 30);

function createBullet()

{

var x,y,speedX,speedY;

{

var left=rnd(0,2);

var top=rnd(0,2);

}while(!(left==1 && top!=1 || left!=1 && top==1));

if(0==left)

{

x=0;

speedX=rnd(MIN_SPEED, MAX_SPEED);

}

else if(1==left)

{

x=rnd(0, $("#bg").width());

speedX=rnd(-MAX_SPEED, MAX_SPEED);

}

else

{

x=$("#bg").width();

speedX=-rnd(MIN_SPEED, MAX_SPEED);

}

if(0==top)

{

y=0;

speedY=rnd(MIN_SPEED, MAX_SPEED);

}

else if(1==top)

{

y=rnd(0, $("#bg").height());

speedY=rnd(-MAX_SPEED, MAX_SPEED);

}

else

{

y=$("#bg").height();

speedY=-rnd(MIN_SPEED, MAX_SPEED);

}

var $oDiv=$("<div class='bullet'></div>");

$oDiv.css({"left":x+"px","top":y+"px"});

$("#bg").append($oDiv);

aBullet.push({obj: $oDiv, x: x, y: y, speedX: speedX, speedY: speedY});

}

function removeBullet(oBullet)

{

var aResult=[];

for(i=0;i<aBullet.length;i++)

{

if(aBullet[i]!=oBullet)

{

aResult.push(aBullet[i]);

}

oBullet.obj.remove();

aBullet=aResult;

}

for(i=0;i<COUNT_BULLET;i++)

{

createBullet();

}

function cd($obj1, $obj2)

{

var pos1=$obj1.position();

var pos2=$obj2.position();

var l1=pos1.left;

var r1=pos1.left+$obj1.width();

var t1=pos1.top;

var b1=pos1.top+$obj1.height();

var l2=pos2.left;

var r2=pos2.left+$obj2.width();

var t2=pos2.top;

var b2=pos2.top+$obj2.height();

if(r1<l2 || l1>r2 || b1<t2 || t1>b2)

{

return false;

}

else

{

return true;

}

$("#start").hide();

});

</script>

</head>

<body>

</div>

</ul>

</div>

</div>

<ul>

</ul>

<p>

</form>

</div>

</body>

</html>

jqStudy.rar (63.5 KB)
下载次数: 0

分享到：

《将博客搬至CSDN》 | JAVA做的简单的日期选择对话框

2013-06-11 07:32
浏览 1033
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论