你永遠都別想碰到我，Js小游戲

2024-09-05 12:20:57

字體：大中小

來源：轉載

供稿：網友

一個有趣JavaScript應用，物理碰撞檢測，你的鼠標永遠不會碰到屏幕上的小球，你鼠標移動的時候，那些小球會早早就躲開了，神奇的JS，有來頭。

<html><head><title>你永遠碰不到我，Js小游戲</title><meta http-equiv="imagetoolbar" content="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   class="iw00gge"   id="CENTER" style="position:absolute;left:50%;top:50%"></div><div   class="us0ia0s"   id="IMG" style="VISIBILITY: hidden">	<img src="/d/file/p/2024/09-05/47a2e45344c212da04496c0ac34941be.gif">	<img src="/d/file/p/2024/09-05/22822e1e7f8f47cc1eaff7214a103820.gif"></div></body></html>

上一篇：Js隨機數--網頁版的體育彩票選號器

下一篇：JavaScript 跳跳球效果模擬