不知道大家有没有看过我以前写的 黑客游戏网址大全 – Hack Game Collection，反正 Forece 是一直很喜欢这类网页在线解密推理游戏的。各种谜题让人纠结，当你过关那一刹那，那种感觉真是令人痛快。最近 Forece 决定自己用 PHP 做一个这种在线解谜的网页游戏。其实很简单。

先看下 Forece 的成果吧
http://www.forece.net/puzzle/

功能很简单，就是答对正确答案就可以进入到下一关卡了。网上管这种过关游戏叫做 Online Riddle, 不过 Forece 还没有做排行榜之类的东东。大家可以自行添加。

1、首先在你的空间中建一个文件夹，啥文件名都成，Forece 给命名为 puzzle 了。

2、建立一个 index.html （不然人家就能索引你的网页目录了）

3、建立一个 robots.txt （不然搜索引擎就会把你的所有关卡都给弄到搜索引擎上去了）

好了，看一下第一关的代码吧~~~（提示，用的时候请把所有注释删掉）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<?php
$errMsg="";                   //定义一个错误信息字符串变量
if(isset($_POST["a1"]))       //判断变量 a1 是否有 post
{
if($_POST["a1"]=="10")        //如果 a1 post 为 10 的话
    {
        header('Location:level2.php'); //转向到第二关
    }

else
    {
$errMsg="Please Try Again";  //否则错误信息字符串变量为0
    }
}
?>
<!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>This is the first level.</title>
<style type="text/css">
<!--
body {
    background-image: url(images/bg.jpg);
    background-repeat: repeat-x;
}
.words {font-family: Verdana, Arial, Helvetica, sans-serif}
.error {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CC3300;
}
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
-->
</style></head>

<body onload="document.form1.a1.select();">
<div align="center">
  <p class="style1">Level 1</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p class="words">What is the next number?</p>
  <p class="words">1, 2, 3, 4, 5, 6, 7, 8, 9,
    <form id="form1" name="form1" method="post" action="level1.php"></p> <!--Post网页必须是当前网页-->
    <label><input type="text" name="a1" id="a1" /></label> <!--这里就是用户需要填写的a1变量-->
    <label><input type="submit" name="Submit" value="Go to level 2" /></label><!--提交按钮-->

  <br/>
  <span class="error"><?php echo $errMsg; ?></span><!--出错信息显示位置-->
  <label><input type="hidden" name="Submit" value="Go to level 2" /></label>
  </form>
</div>


</body>
</html>

好了，注释已经说的很清楚了，不懂的就给 Forece 留言吧。。。

打赏分享