打印

[无聊] 无聊写了一个游戏

takuma888 [楼主]

银牌会员

帖子: 687
体力: 1235
威望: 0
当前: 湖北武汉
离线: 5 天

专长 前端制作,.NET

1^# 大中小发表于 2008-9-23 00:12

....玩起来很令人抓狂啊!

囧rz..

感谢18# SenFe提醒,错误修正

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无聊时写的游戏</title>
<style type="text/css">
*{padding:0;margin:0}
body{ background:#FFFFFF}
img{display:inline;float:left;position:absolute;}
#chat{display:inline;float:left;position:absolute;font-weight:bold;font-size:16px;}
h1{float:left}
span{float:left;font-size:32px;font-weight:bold;margin:0 20px}
#score{color:red}
#time{color:green}
#restart{clear:both;color:blue;text-align:center;font-size:32px;font-weight:bold;margin:0 20px;display:none; cursor:pointer}
</style>
</head>
<body onselectstart="return false">
 <h1 onclick="sendChat();">啊! 这人好囧,快抓住他!</h1><span id="score">得分:0</span><span id="time">剩余:60秒</span><div id="restart" onclick="restart()">重新开始</div>
 <div id="chat">剩骑士,来抓我啊?</div>
 <img src="http://www.lululu520.cn/images/jiong.gif" onmousemove="randomMove(this)" onmouseout="hitFlag=0" onclick="getScore(this)"/>
</body>
</html>
<script language="javascript" type="text/javascript">
var imgv,hitFlag=0,startTime,gameStatus=0,ret;
var score=0,chato,delay=0;
var chatArr=new Array();
chatArr[0]="剩骑士,来抓我啊?";
chatArr[1]="废柴职业 凸(- -)凸";
chatArr[2]="灌装奶粉 凸-_-凸";
chatArr[3]="万年三奶";
chatArr[4]="环保装哦";
chatArr[5]="咬我啊?";
function restart(){
	var now = new Date();
	startTime = now.getTime();
	ret=setInterval("refreshTime()",10);
	gameStatus=1;hitFlag=0;score=0;delay=0;
	document.getElementById("score").innerHTML="得分:"+score;
	document.getElementById("restart").style.display="none";
}
function moveTo(o,left,top){
	clearTimeout(imgv);
	if (Math.abs(o.offsetLeft-left)<1 && Math.abs(o.offsetTop-top)<1){
		o.style.left=left;
		o.style.top=top;
	}else{
		var tx=o.offsetLeft-(o.offsetLeft-left)/6;
		var ty=o.offsetTop-(o.offsetTop-top)/6;
		o.style.left=tx +"px";
		o.style.top=ty +"px";
		chato.style.left=tx+15+"px";
		chato.style.top=ty-20+"px";
		imgv=setTimeout(function(){moveTo(o,left,top)},10);
	}
	hitFlag--;
}
function randomMove(o){
	if (gameStatus!=1) return;
	if (hitFlag<1){
		moveTo(o,Math.random()*700,Math.random()*400+40);
		hitFlag=4;
	}
}
function getScore(o){
	if (gameStatus!=1) return;
	score++;
	alert('啊! 你抓到我了! 得分.');
	document.getElementById("score").innerHTML="得分:"+score
	hitFlag=0;
	randomMove(o);
}
function refreshTime(){
	var now = new Date();
	var nowTime = now.getTime();
	var leftTime=(3000-(parseInt((nowTime-startTime)/10)))/100;
	if (parseInt(leftTime) % 4 ==2 && delay==0) {sendChat();delay=1;setTimeout("delay=0",1000)}
	if (leftTime<=0){
		leftTime=0;
		alert("抓囧人结束. 得分:"+score);
		gameStatus=0;
		clearInterval(ret);
		document.getElementById("restart").style.display="block";
	}
	document.getElementById("time").innerHTML="剩余:"+leftTime+"秒";
}
function sendChat(){
	var n=parseInt(Math.random()*6);
	document.getElementById("chat").innerHTML=chatArr[n];
	setTimeout("document.getElementById('chat').innerHTML=''",3000)
}
window.onload=function(){
	chato=document.getElementById("chat");
	restart();
}
</script>

提示：您可以先修改部分代码再运行

[ 本帖最后由 takuma888 于 2008-9-24 00:46 编辑 ]

前端设计 javascirpt

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

zhuyaxu

露露露

中级会员

帖子: 290
体力: 341
威望: 2
当前: 山东威海

专长 网页设计,前端制作

2^# 大中小发表于 2008-9-23 00:42

很怀疑有人能做的到嘛··

鷓轐瑡鶘嬹韞

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

zhuyaxu

露露露

中级会员

帖子: 290
体力: 341
威望: 2
当前: 山东威海

专长 网页设计,前端制作

3^# 大中小发表于 2008-9-23 00:43

汗我竟然抓到了···

鷓轐瑡鶘嬹韞

TOP

activeTechPros 共享IT行业薪资信息 | 《疯狂的程序员》劲爆上市

takuma888 [楼主]

银牌会员

帖子: 687
体力: 1235
威望: 0
当前: 湖北武汉
离线: 5 天

专长 前端制作,.NET

4^# 大中小发表于 2008-9-23 01:52

嘿嘿, 我抓了3次哦,厉害吧!

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

前端设计 javascirpt

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

trarck

初级会员

帖子: 36
体力: 77
威望: 0
当前: 上海浦东
离线: 3 天

5^# 大中小发表于 2008-9-23 02:31

哈哈，无敌了！

TOP

takuma888 [楼主]

银牌会员

帖子: 687
体力: 1235
威望: 0
当前: 湖北武汉
离线: 5 天

专长 前端制作,.NET

6^# 大中小发表于 2008-9-23 02:39

不能修改游戏啊~ 破坏游戏平衡性不好滴...

前端设计 javascirpt

TOP

trarck

初级会员

帖子: 36
体力: 77
威望: 0
当前: 上海浦东
离线: 3 天

7^# 大中小发表于 2008-9-23 03:19

没改，只是发现了个BUG。

TOP

trarck

初级会员

帖子: 36
体力: 77
威望: 0
当前: 上海浦东
离线: 3 天

8^# 大中小发表于 2008-9-23 03:38

只有FF下有效
BUG过程如下
1.在那个图片旁边点右键，出现系统菜单。使菜单要盖住图片（只要盖住一部分就可以）.
2.在把鼠标移到被盖住的图片的上方。
3.按下ESC键，系统菜单消失。你会发现鼠标停在了图片上（图片没有跑）。
4.下面简单了，点鼠标左键吧（注意点鼠标不要移动鼠标）。弹出你捉到了XX的提示框。
5.使劲的点鼠标左键,狂按回车键。整个过程不要移到鼠标。

TOP

takuma888 [楼主]

银牌会员

帖子: 687
体力: 1235
威望: 0
当前: 湖北武汉
离线: 5 天

专长 前端制作,.NET

9^# 大中小发表于 2008-9-23 03:43

我的FF没有出现这个问题啊,你的ff是什么版本的>

前端设计 javascirpt

TOP

takuma888 [楼主]

银牌会员

帖子: 687
体力: 1235
威望: 0
当前: 湖北武汉
离线: 5 天

专长 前端制作,.NET

10^# 大中小发表于 2008-9-23 03:45

我点右键出菜单,盖住了图片,然后移动鼠标图片就跑开了

前端设计 javascirpt

TOP

trarck

初级会员

帖子: 36
体力: 77
威望: 0
当前: 上海浦东
离线: 3 天

11^# 大中小发表于 2008-9-23 04:20

关键是不能移动鼠标，直接点击就行了。

TOP

faeng220

小秦

银牌会员

帖子: 755
体力: 1529
威望: 4
当前: 河南平顶山

专长 前端制作,JS,ASP

12^# 大中小发表于 2008-9-23 09:11

引用:

原帖由 takuma888 于 2008-9-23 03:45 发表
我点右键出菜单,盖住了图片,然后移动鼠标图片就跑开了

只有FF下有效
BUG过程如下
1.在那个图片旁边点右键，出现系统菜单。使菜单要盖住图片（只要盖住一部分就可以）.
2.在把鼠标移到被盖住的图片的上方。(这个位置是鼠标在右键菜单上面,而不是移动到图片上,移动到图片上,它还是会跑的.移动到右键菜单上,然后按ESC,接下来就点鼠标左键..)
3.按下ESC键，系统菜单消失。你会发现鼠标停在了图片上（图片没有跑）。
4.下面简单了，点鼠标左键吧（注意点鼠标不要移动鼠标）。弹出你捉到了XX的提示框。
5.使劲的点鼠标左键,狂按回车键。整个过程不要移到鼠标。

偶系小秦！

TOP

gbyuxia

初级会员

帖子: 40
体力: 71
威望: 0
离线: 5 天

13^# 大中小发表于 2008-9-23 09:16

不错哈

TOP

takuma888 [楼主]

银牌会员

帖子: 687
体力: 1235
威望: 0
当前: 湖北武汉
离线: 5 天

专长 前端制作,.NET

14^# 大中小发表于 2008-9-23 12:01

引用:

原帖由 faeng220 于 2008-9-23 09:11 发表

只有FF下有效
BUG过程如下
1.在那个图片旁边点右键，出现系统菜单。使菜单要盖住图片（只要盖住一部分就可以）.
2.在把鼠标移到被盖住的图片的上方。(这个位置是鼠标在右键菜单上面,而不是移动到图片上,移动 ...

原来如此....囧, 应该如何修改呢?

前端设计 javascirpt

TOP

hoday

新手上路

帖子: 3
体力: 11
威望: 0
离线: 71 天

15^# 大中小发表于 2008-9-23 12:23

不错啊可以好好学习一下

TOP

tmulmt

中级会员

帖子: 861
体力: 358
威望: 0
当前: 大洋洲澳大利亚

16^# 大中小发表于 2008-9-23 15:07

不登录百度的话那张图片显示不出来，防盗链，换个地址吧。

没抓住。

TOP

takuma888 [楼主]

银牌会员

帖子: 687
体力: 1235
威望: 0
当前: 湖北武汉
离线: 5 天

专长 前端制作,.NET

17^# 大中小发表于 2008-9-23 15:14

换了张图,这次能看见吗?

前端设计 javascirpt

TOP

SenFe

盛飞

钻石会员

帖子: 4949
体力: 9640
威望: 14
当前: 四川成都

专长 ASP,Access

18^# 大中小发表于 2008-9-24 00:29

得分4，IE7报错
行:50
字符:3
代码:0
错误:'style' 为空或不是对象

淡泊以明志宁静而致远

TOP

takuma888 [楼主]

银牌会员

帖子: 687
体力: 1235
威望: 0
当前: 湖北武汉
离线: 5 天

专长 前端制作,.NET

19^# 大中小发表于 2008-9-24 00:46

引用:

原帖由 SenFe 于 2008-9-24 00:29 发表
得分4，IE7报错
行:50
字符:3
代码:0
错误:'style' 为空或不是对象

感谢提醒, 错误修正

前端设计 javascirpt

TOP

ccboy126

新手上路

帖子: 211
体力: 49
威望: 0
当前: 北京海淀区
离线: 1 天

专长 前端制作,FMS,ROR

20^# 大中小发表于 2008-10-19 18:11

够囧够无聊

TOP

rainoxu

珍宝猪

银牌会员

帖子: 1254
体力: 2537
威望: 5
当前: 浙江嘉兴
离线: 1 天

专长 前端制作,JS,ASP

21^# 大中小发表于 2008-10-20 10:56

抓得我头晕...直接改得分算了,哈哈哈...

博客: http://www.rainoina.com

TOP

meiziidea

初级会员

帖子: 60
体力: 156
威望: 0
当前: 上海虹口
离线: 7 天

专长 前端制作

22^# 大中小发表于 2008-10-20 11:44

抓不到~~~~~~~~~~~~~~~

在键盘上跳舞......

TOP

phpxiaoxin

新手上路

帖子: 13
体力: 33
威望: 0
当前: 山东济南
离线: 5 天

23^# 大中小发表于 2008-10-21 08:47

引用:

原帖由 faeng220 于 2008-9-23 09:11 发表

只有FF下有效
BUG过程如下
1.在那个图片旁边点右键，出现系统菜单。使菜单要盖住图片（只要盖住一部分就可以）.
2.在把鼠标移到被盖住的图片的上方。(这个位置是鼠标在右键菜单上面,而不是移动到图片上,移动 ...

测试过，有效：）
没具体读代码，不知道可不可以改进

TOP

yy8597

初级会员

帖子: 26
体力: 55
威望: 0
离线: 24 天

24^# 大中小发表于 2008-10-21 09:24

哎，LZ不要对QS失去信心，奶人奶类了也可以当肉盾

TOP

243164767

土豆丝

初级会员

帖子: 90
体力: 162
威望: 0
当前: 北京海淀区
离线: 13 天

专长 网页设计

25^# 大中小发表于 2008-10-21 09:50

玩了哈，

孤独旅行在这个城市。

TOP

xpoqx

银牌会员

帖子: 764
体力: 1143
威望: 0
当前: 辽宁沈阳
离线: 12 天

26^# 大中小发表于 2008-10-21 11:08

一统狂点！！！！囧

博客:http://blog.sina.com.cn/xpoqx

TOP