任务要求

博客班级 https://edu.cnblogs.com/campus/zjcsxy/SE2020
作业要求 https://edu.cnblogs.com/campus/zjcsxy/SE2020/homework/11633
姓名 蔡晓辰
学号 31801113
院系 浙大城市学院计算机系 

 

 

 

 

 

 

 

个人任务

设计并开发舒尔特方块和数字匹配小游戏

任务内容

舒尔特方块

游戏描述

舒尔特方格是在一张方形卡片上画上相同的25个方格，格子内任意填写上阿拉伯数字1至25共 25 个数字。测试开始后，要求被测者按 1 ~ 25 的顺序依次指出其位置，记录所用时间。找出25 个数字所用时间越短，注意力水平越高。

难度设计

此游戏只设置5×5方格难度，通过测试时间的长短来判断被测者的最终得分。

评分规则

等级 时间区间
A [0s,30s]
B (30s,46s]
C (46s,55s]
D 55s以外

 

 

 

 

 

 

 

具体功能及实现

用户进入界面后先进入舒尔特方块的教程演示页面，屏幕正中间的gif不断循环播放教程演示，在完全看懂教程后即可点击下方的“开始测试”进入测试。进入并完成测试后会跳出页面告知被测者的最终成绩并由被测者选择是否再来一次或者进入下一次测试。

小程序原型演示

 

 

数字匹配

游戏描述

在同一行中尽快找出两个相同的数字
难度设计
数字匹配一共有三关，三关时间加起来为最终的结果，每关的难度相似，数字都是不同的
评分规则
等级 时间区间
A [0s,30s]
B (30s,46s]
C (46s,55s]
D 55s以外
 
 
 
 
 
 
 

 

 

具体功能及实现

用户进入界面后先进入数字匹配的教程演示页面，屏幕正中间的gif不断循环播放教程演示，在完全看懂教程后即可点击下方的“开始测试”进入测试。进入并完成测试后会跳出页面告知被测者的最终成绩并由被测者选择是否再来一次或者进入下一次测试。

小程序原型演示

 

测试界面还在制作中

不足与展望

由于对于用于网页设计的css样式和js的不熟悉，对于小程序的进度推进存在不少障碍，网上的资料有时也不能完全解决目前遇到的问题。目前想要先将功能实现，实现后对于UI进行修改和对于数据库进行连接。

各项展示链接

墨刀原型链接：https://modao.cc/app/74c14cb6a8ac91d4f3b04ae70346139bc320db1c?simulator_type=device&sticky

小程序源码链接：https://github.com/31801113/ruanjiangongchengxiaochengxu