你永远都别想碰到我，Js小游戏_游戏娱乐特效

一个有趣JavaScript应用，物理碰撞检测，你的鼠标永远不会碰到屏幕上的小球，你鼠标移动的时候，那些小球会早早就躲开了，神奇的JS，有来头。

<html>
<head>
<title>你永远碰不到我，Js小游戏</title>
<meta http-equiv="imagetoolbar" mrc="no">
<style type="text/css">
body {cursor:crosshair;margin:0; padding:0; position:absolute; overflow:hidden; background:#000; left:0; top:0; width:100%; height:100%;}
img {position:absolute;left:-1000;}
</style>
<script type="text/javascript">
document.onselectstart = new Function("return false");
object = new Array();
N  = 0;
xm = 1;
ym = 1;
nx = 0;
ny = 0;
S  = 0;
Ni = 0;
function CObj(N,x,y,img){
o = document.createElement("img");
o.src = img.src;
document.getElementById("CENTER").appendChild(o);
this.obj  = o.style;
this.x  = x;
this.y  = y;
this.x0 = x;
this.y0 = y;
this.w  = img.width  / 2;
this.h  = img.height / 2;
this.anim = function () {
with(this){
dx = xm - x;
dy = ym - y;
d = Math.sqrt(dx * dx + dy * dy);
x = x - S / d * (dx / d) + (x0 - x) * .15;
y = y - S / d * (dy / d) + (y0 - y) * .15;
obj.left   = x - w;
obj.top    = y - w;
}
}
}
function run(){
for(i in object)object[i].anim();
setTimeout(run, 16);
}
document.onmousemove = function(e){
if (window.event) e = window.event;
xm = -nx * .5 + (e.x || e.clientX);
ym = -ny * .5 + (e.y || e.clientY);
}
function resize(){
nx = document.body.offsetWidth;
ny = document.body.offsetHeight;
S  = ny * 20;
}
onresize = resize;
onload = function() {
img = document.getElementById("IMG").getElementsByTagName("img");
resize();
Ni=0;
for(var i=-5;i<=5;i++){
for(var j=-4;j<=4;j++){
x = i * nx / 12;
y = j * ny / 10;
object[Ni] = new CObj(Ni++,x,y,img[Ni%img.length]);
}
}
run();
}
</script>
</head>
<body>
<div id="CENTER" style="position:absolute;left:50%;top:50%"></div>
<div id="IMG" style="VISIBILITY: hidden">
<img src="http://p1.mb5u.com/texiao/creationgPB.gif">
<img src="http://p1.mb5u.com/texiao/creationg2.gif">
</div>
</body>
</html>

所属频道：游戏娱乐特效/更新时间：2011-02-25

[收藏][报错][返回列表]

你永远都别想碰到我，Js小游戏_游戏娱乐特效

游戏娱乐特效Rss订阅特效代码搜索

游戏娱乐特效推荐

猜你也喜欢看这些