# web项目-Multidimensional_Array

**Repository Path**: ymgwjk/web-project

## Basic Information

- **Project Name**: web项目-Multidimensional_Array
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-25
- **Last Updated**: 2021-09-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 末日危机：求生计划 游戏指南

## 游戏类型

本游戏是一款交互式故事，文字冒险游戏。

## 游戏特点

玩家的游戏自由度不高，但是操作简单方便。玩家只需按照每个页面上的文字提示来进行剧情推进或选项选择。不同的选项可能会触发不同的剧情，进而影响游戏结局。有些选项可能不会影响结局，但是会影响中途的行进路线，即触发支线剧情，或得到某些成就。游戏中可能存在某些奇怪的内容，纯属娱乐，请勿当真。

## 游戏玩法

进入主界面（即index.html），会看到5个按钮，分别是："Continue"（继续游戏）、"Start"（从头开始游戏）、"Outline"（故事背景梗概）、"About"（关于制作团队），"Login"（登录），"Register"（注册）。前两个按钮需要玩家登录后才可进行操作。点击“Start”开始游戏。进入对话界面，下方会有两个按钮，分别是："Save"（保存）、"Title"（返回标题）。在某个页面单击"Save"后，返回主界面，单击"Continue"即可从最后一次Save的页面开始进行游戏。

## 游戏运行原理

游戏采用HTML制作，用CSS和JavaScripts进行界面美化和功能的优化。

下面是一些游戏机制的实现方式：

### 跳转到下一页

实现方式有两种：

- 允许玩家返回上一级的页面（比如“关于我们”的个人页面）：

```javascript
location.href="xxxx.html";
```

- 不允许玩家返回上一级的页面（比如游戏剧情页面）：

```javascript
location.replace("xxxx.html");
```

### 用户信息储存

1. 当前在线的玩家

当某一用户登录游戏以后，其用户名会被存储在sessionStorage的userOnline变量中。之后会通过改用户名作为标识来对该用户的信息进行操作。

2. 所有玩家

所有玩家的信息以JSON的形式存储在localStorage里，基本格式如下所示：

```json
{
    "Users":{
        "张三":{
            "userName":"张三",
            "password":"123456",
            "saves":[
                {
                    "content":"hahaha",
                    "date":123456,
                    "path":"url"
                },
                {
                    "content":"hehehe",
                    "date":789456,
                    "path":"url",
                }
            ],
            "latestSave":{
                    "content":"hahaha",
                    "date":123456,
                    "path":"url"
            },
            "achievements":{
                "Too young too simple":true,
                ""
            }
        },
        "李四":{
            "UserName":"李四",
            "PassWord":"654321",
            "Saves":[
                {
                    "content":"hahaha",
                    "date":123456,
                    "path":"url"
                }
            ],
            "LatestSave":{
                    "content":"hahaha",
                    "date":123456,
                    "path":"url"
            }
        }
    }
}
```

当需要对用户信息进行操作时，先通过JSON.parse将Users表取出，操作完之后再通过JSON.stringfy将其压回字符串，存储进localStorage中。