×

关注微信公众号

虚拟主机双线空间域名查询PS数码后期photoshop互助课堂
数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂酷素材!视频教程打包下
手绘教程抠图教程路径专辑photoshop cs3视频教程 
楼主: fashion

[java] js编的一个小射击游戏

[复制链接]
发表于 2007-10-14 18:07:13 | 显示全部楼层 |阅读模式
[runcode]<!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>
</head>
<body bgcolor="#FFDAC8">
<table width="177" border="0" height="225">
  <tr>
    <td><script language="JavaScript">
function MakeArray( n){
     this.length = n;
     for (var i = 1; i <= n; i++) {
         this = 0
     }
     return this
}
var d0 = new Date();
var r0 = d0.getSeconds();
function poor_rand(){
     d1 = new Date();
     r0 = (r0 * r0 + r0 + d1.getSeconds()) % 3721 ;
     return r0 % width_n;
}
var height_n = 8;
var width_n =5;
var enemy = new MakeArray( width_n);
var wtime;
var score;
var gameover;
document.write( "<FORM NAME='fm1'>");
document.write( "<INPUT TYPE='text' NAME='message' SIZE=20>");
document.write( "</FORM>");
document.write( "<FORM NAME='fm2'><TABLE>");
for( var i=0; i<height_n; i++){
     document.write( "<TR>");
     for( var j=0;j<width_n; j++){
         document.write( "<TD><CENTER><INPUT TYPE='radio'></CENTER></TD>");
     }
     document.write( "</TR>");
}
document.write( "<TR>");
for( var j=0;j<width_n; j++){
     document.write( "<TD><INPUT TYPE='button' VALUE='射' onClick='fire("
         + j + ")'></TD>");
}
document.write( "</TR>");
document.write( "</TABLE>");
document.write( "<INPUT TYPE='button' VALUE='开始' onClick='game_start()'>");
document.write( "</FORM>");
function come(){
     var n = poor_rand();
     document.fm2.elements[ width_n * enemy[n+1] + n].checked = true;
     enemy[n+1]++;
     if( enemy[n+1] < height_n){
         setTimeout("come()", wtime);
     }else{
       gameover = true;
       document.fm1.message.value =  "游戏结束:" + score ;
     }
}
function fire( n){
     if( gameover ) return;
     for( var i=0; i<enemy[n+1]; i++){
         document.fm2.elements[ width_n * i + n].checked = false;
     }
     score += enemy[ n+1];
     document.fm1.message.value = "分数:" + score;
     enemy[ n+1] = 0;
     if( wtime > 50){ wtime -= 10};
}
function game_start(){
    for( var n=0; n<width_n; n++){
         for( var i=0; i<enemy[n+1]; i++){
             document.fm2.elements[ width_n * i + n].checked = false;
         }
         enemy[n+1] = 0;
     }
     wtime = 150;
     score = 0;
     gameover = false;
     document.fm1.message.value = "分数:" + score;
     setTimeout("come()", wtime);
}
</script></td>
</tr>
</table>
</body>
</html>[/runcode]


游戏规则:点开始,点射,别让单选框到底部。呵呵挺有意思的

[ 本帖最后由 fashion 于 2007-10-14 18:08 编辑 ]
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=124885
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论
发表于 2007-11-16 21:30:02 | 显示全部楼层
酷素材
不错,支持一下!!!!!!!
回复 支持 反对

使用道具 举报

发表于 2007-12-7 09:23:32 | 显示全部楼层
没反应啊怎么??
晕呼呼
回复 支持 反对

使用道具 举报

发表于 2009-1-2 13:07:10 | 显示全部楼层
有错
回复 支持 反对

使用道具 举报

发表于 2009-1-18 22:46:03 | 显示全部楼层
酷素材
代码有错,应该是
<!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>
</head>
<body bgcolor="#FFDAC8">
<table width="177" border="0" height="225">
  <tr>
    <td><script language="JavaScript">
function MakeArray( n){
     this.length = n;
     for (var i = 1; i <= n; i++) {
         this[ i] = 0//把i前面的空格去掉,不加空格论坛中显示不正常
     }
     return this
}
var d0 = new Date();
var r0 = d0.getSeconds();
function poor_rand(){
     d1 = new Date();
     r0 = (r0 * r0 + r0 + d1.getSeconds()) % 3721 ;
     return r0 % width_n;
}
var height_n = 8;
var width_n =5;
var enemy = new MakeArray( width_n);
var wtime;
var score;
var gameover;
document.write( "<FORM NAME='fm1'>");
document.write( "<INPUT TYPE='text' NAME='message' SIZE=20>");
document.write( "</FORM>");
document.write( "<FORM NAME='fm2'><TABLE>");
for( var i=0; i<height_n; i++){
     document.write( "<TR>");
     for( var j=0;j<width_n; j++){
         document.write( "<TD><CENTER><INPUT TYPE='radio'></CENTER></TD>");
     }
     document.write( "</TR>");
}
document.write( "<TR>");
for( var j=0;j<width_n; j++){
     document.write( "<TD><INPUT TYPE='button' VALUE='射' onClick='fire("
         + j + ")'></TD>");
}
document.write( "</TR>");
document.write( "</TABLE>");
document.write( "<INPUT TYPE='button' VALUE='开始' onClick='game_start()'>");
document.write( "</FORM>");
function come(){
     var n = poor_rand();
     document.fm2.elements[ width_n * enemy[n+1] + n].checked = true;
     enemy[n+1]++;
     if( enemy[n+1] < height_n){
         setTimeout("come()", wtime);
     }else{
       gameover = true;
       document.fm1.message.value =  "游戏结束:" + score ;
     }
}
function fire( n){
     if( gameover ) return;
     for( var i=0; i<enemy[n+1]; i++){
         document.fm2.elements[ width_n * i + n].checked = false;
     }
     score += enemy[ n+1];
     document.fm1.message.value = "分数:" + score;
     enemy[ n+1] = 0;
     if( wtime > 50){ wtime -= 10};
}
function game_start(){
    for( var n=0; n<width_n; n++){
         for( var i=0; i<enemy[n+1]; i++){
             document.fm2.elements[ width_n * i + n].checked = false;
         }
         enemy[n+1] = 0;
     }
     wtime = 150;
     score = 0;
     gameover = false;
     document.fm1.message.value = "分数:" + score;
     setTimeout("come()", wtime);
}
</script></td>
</tr>
</table>
</body>
</html>

[ 本帖最后由 dreamdesign 于 2009-1-18 22:51 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2009-4-13 22:14:34 | 显示全部楼层
酷素材
看看学习学习
回复 支持 反对

使用道具 举报

发表于 2009-4-14 14:41:56 | 显示全部楼层
学习中,不过有难度
回复 支持 反对

使用道具 举报

发表于 2010-2-25 22:55:41 | 显示全部楼层
第二个能用呀 太好了
回复 支持 反对

使用道具 举报

发表于 2010-3-7 21:28:22 | 显示全部楼层
1# fashion


怎样用啊,我的页面上怎么没有东东呢
回复 支持 反对

使用道具 举报

发表于 2010-3-7 21:30:42 | 显示全部楼层
5# dreamdesign


这个才能看到
回复 支持 反对

使用道具 举报

发表于 2010-3-25 07:28:15 | 显示全部楼层
非常感谢。正好在找这个
回复 支持 反对

使用道具 举报

发表于 2010-3-25 17:39:46 | 显示全部楼层
不错支持一下
回复 支持 反对

使用道具 举报

发表于 2010-11-13 11:24:08 | 显示全部楼层
看看
回复 支持 反对

使用道具 举报

发表于 2011-5-1 13:07:51 | 显示全部楼层
有意思,学习一下!
回复 支持 反对

使用道具 举报

发表于 2011-5-27 09:30:14 | 显示全部楼层
不错的  学习学习
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345