axure 实现的一个简易的找茬小游戏

  好吧,今天早上用了一早的时间,就是实现一个看图找不同的小游戏。到下课,才把基本情况弄好!

首页不用多说,大家都会,只需要一个简单的链接。

在关卡中,各个关卡都大致相同,我就以第一关为例简要说明一下:

1.时间

  限定时间为120秒,就需要一个计时器,用动态面板实现它。新建动态面板,设置两个状态,载入页面时,默认为状态1,转换为状态2.在“动态面板状态改变时”一栏中,设置一下三个用例:

   

判断语句中的状态切换达到计时器效果,而元件文字框的判断是为了在时间到了的时候,给出如上图2的提示。“时间到”为一个动态面板,开始隐藏,在时间为0时显示。

2.不同自出的判断

  在找到的不同之处,设置一张透明的图片,大小和不同之处的大小相同,设置一个动态面板显示不同之处。当未点击图片时,隐藏动态面板,点击时,显示。注意,在图片的左右两个区域都要设置,这样在用户点击任意一个区域的图片时,都会显示。如下图:

  

3.信号灯的判断

  信号灯的判读可能是这个作业中的一个难点,就如上两幅图所示,无论先点击哪个不同点,信号灯都是从第一个开始亮。其实,这个需要我们去做一个判断,用一个变量的值来判断你点击的是第几个不同点。我用的是系统的全局变量OnLoadVariable。页面载入时,让OnLoadVariable等于1,之后在透明图片的点击用例中,判断OnLoadVariable的值,如果是1,灯1显示(这里的灯1为动态面板,起初隐藏,点击时显示,当然你也可以设置两个状态,来切换,那就不需要隐藏了),之后让OnLoadVariable的值加1。OnLoadVariable等于2时,灯2显示。以此类推,便可以实现信号灯了。具体设置如下图所示:

上图中的“第三处”“第三处2”为不同之处的标签,这个可自己按照自己的习惯定义。上图中,之所以要禁用“图31”“图31”(图31,32就是不同之处设置的透明图片)是因为打击一次之后,再次点击,他会让OnLoadVariable再次加1,也会让下一个灯亮。所以判断之后,将其禁用。这也是用图片的一个好处,可以禁用。如果用热区的话,将无法实现。

  最后,当OnLoadVariable的值为3,也就是第三盏灯亮的时候,设置动态面板“恭喜”显示出来,点击按钮,即可进入下一关。

  原是说,上传一个完整的文件,但是上传不了,十分悲哀。。。

时间: 2024-10-13 09:41:36

axure 实现的一个简易的找茬小游戏的相关文章

AndroidStudio制作一个简易的订餐交易小demo【日常小练习】

AndroidStudio模拟制作一个简易的订餐交易小demo[日常小练习]     ————安德风 一.最终效果图: 二.布局设计activity_main.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/a

一个简单的“贪吃蛇”小游戏

一个简单的“贪吃蛇”小游戏 页面结构 简单的21x21的方块,页面结构 id为container的div包含所21个class名为row的div,每个row代表贪吃蛇的一整行,每个row中又包含21个div,代表这一行的每一个div方格,如果这个方格是空的话,div的类名为blank,如果这一个方格表示“贪吃蛇”的“食物”,div的类名为food,如果这一个方格表示“蛇”,div的类名为snake. CSS JS 然后我们思考下一个贪吃蛇游戏需要那些参数, 首先,界面中可见的元素无非就是空方格,

IOS的一个关于球碰撞的小游戏

这个游戏是关于一个球随机在屏幕上移动,可以用手指来操纵令一个球,如果两个球碰撞到一起,就表示输了,非常简单的一个游戏 在StoryBoard里定义两个UIImageView和一个start按钮 然后把这两个UIimageView跟代码链接 @property (weak, nonatomic) IBOutlet UIImageView *player; @property (weak, nonatomic) IBOutlet UIImageView *enemy; @property (weak

JS实现找色块小游戏

之前用WPF的方式做了个简单的小游戏,找不同色块,WPF可以实现,JS更加Easy,于是又用JS做了一个,逻辑差不多,只是代码的实现方式有所不同 先上效果 关键代码如下 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; chars

[~!]一个被删掉的小游戏

突发奇想的想搞个游戏:点击中间的灯泡,其状态会由关闭改为打开,而且它的上下左右 四个灯泡执行同样的操作.再次点击,则其本身及上下左右四个按钮状态修改.  无论点击任何一个灯泡,其本身及上下左右四个灯泡皆改变状态. (全部点亮即过关...) 为了确保游戏没那么难过关, 我仅仅设置了 8 行 6列,如上图所示: 1.首先当然是在视图上放置Button控件,为了方便将来更改它的难度,我设置了两个宏,分别代表它的行和列.同样还设置了一个宏代表每个Button之间的间隔 #define Row 8 #de

[Qt 5.6.2] 利用Qt实现一个难度可变的2048小游戏

利用Qt实现一个难度随时可调的2048小游戏 一.游戏简介 1.规则创新 胜利条件:达成2048 难度变化:玩家可以通过调整难度条来控制随机池(2.4.8.16)中各个数出现的概率,同时也会改变分数的加成比例 移动触发:每次移动后会从随机池中按照概率随机选取一个数,将其随机放置在一个空余位置上 分数计算:总分=基础分+加成分,基础分+=合并的数值,加成分+=随机生成的数值*加成比例 2.游戏效果 二.设计思路 先将该项目分为游戏入口.主窗口设计与游戏逻辑三个主要模块,再在这三个模块的基础上继续细

找色块--小游戏

#import "ViewController.h" #import "ViewController.h" #define SCREE_WITDH CGRectGetWidth([UIScreen mainScreen].bounds) #define SCREE_HEIGHT CGRectGetHeight([UIScreen mainScreen].bounds) @interface ViewController () { NSArray *colorList

分享一个《连连看》的小游戏,cocos2dx版本

先上效果图: 在设计算法上还是很值得钻研一下的!不过我自己实在是没有什么耐心了,就扔下不管了! 没有做好,就先这样吧 再贴一下代码: #include "GameScene.h" GameScene::GameScene(void) { this->selected = -1; } GameScene::~GameScene(void) { } bool GameScene::init() { CCSize base_coord = CCSize(570,46); CCLayer

分享一个《打地鼠》的小游戏,cocos2dx版本

先上效果图: 主要的类: #include "Hole.h" #include <stdlib.h> #include "ccMacros.h" Hole::Hole(void) { this->image = NULL; this->animation = NULL; this->hit = NULL; this->state = 0; } Hole::~Hole(void) { } void Hole::onEnter() {