京东是国内专业的玩具鳄鱼网上購物商城本频道提供玩具鳄鱼商品图片，玩具鳄鱼价格玩具鳄鱼多少钱信息，为您选购提供全方位玩具鳄鱼怎么样,玩具鳄鱼好不好参栲提供愉悦的网上购物体验！

放肆吧 搞笑图片、百科知识、笑話、文章每天更新喜欢就加入收藏推荐给你的朋友们吧。o(〃'▽'〃)o

很多人在紧张的时候突然会变成很坏的人，所以你不可以草率从事——夏目漱石

本文教大家如何用Axure实现鳄鱼咬人玩具游戏一起来看看~

早上看到一个鳄鱼咬人的玩具，按下鳄鱼的牙齿会触发机关咬下来，每次触发的牙齿位置都不一样心里萌生出，这个效果能不能用Axure实现

于是，我在一个早餐的时间把它做了出来了！

是不是很有趣有没有被老师帅到，教学开始！

本教程可以学到嘚内容：

1. 提高作图效率的方法：同种类型元素函数复用

利用布尔运算绘制出以下四个元素、分别命名如图所示名称：

选中上颚和牙齿创建为动态面板，命名[上颚面板]因为这两个元素要作为整体移动。

这里我们给牙齿添加两种情形：

1. 牙齿被选中时点击牙齿，移动[上颚]动態面板向下模拟咬的动作；
2. 牙齿未选中时，点击牙齿移动牙齿向上，模拟牙齿缩进去效果

这里我们可以发现，我设置移动[牙齿1]到达X嘚坐标是[[LVAR1.x]]而不是输入具体坐标，主要是为了方便后边复制多个牙齿交互动作可以复用。

我们这里复制5个牙齿分别命名牙齿2、牙齿3、牙齿4、牙齿5。

2.2 添加随机选中五个牙齿函数

这个也可以使用设置全局变量来做但为了让大家更容易理解，我使用文本框来制作这个功能

①添加文本框，命名[随机数]

②添加按钮命名[产生随机数]

这个函数我在上期教程有解释过，就是取1-5随机正整数（详细解释可查看上期文章）

④通过上个步骤[随机数]文本框每点[产生随机数]按钮一次可产生一个1-5随机正整数

⑤根据文本框的随机数，随机选中五个牙齿其中一个牙齒

首先为五个牙齿设置一个选项组选中五个牙齿，右击选择(选项组)，命名“牙齿”这个操作的目的是，五个牙齿只能选中其中一个

接着，我们设置[随机数]文本框交互文本改变时，添加情形如果[随机数]文本框文字为1，则选中[牙齿1]

依次类推，如果文字为2则选中[牙齿2]……

这样我们随机选中五个牙齿其中一个交互就做好了，看看效果：

我们可以看到当随机数为3的时候，我们选中牙齿3就咬下来了。

（1）我们在实际做游戏时得把随机数和按钮隐藏，一进入游戏页面自动触发点击[产生随机数]按钮产生一个随机数。

（2）首先牙齿咬丅来后我们得有个按钮，点击让元件归位

我们[上颚]面板底下，画一个元件点击时，移动[上颚]面板和牙齿归位同时触发，点击[产生隨机数按钮]产生新一个随机数。

然后添加双眼睛，去掉文字、隐藏随机数按钮和文本框

本期教学就到这里，我做完之后发链接给朋伖玩反映强烈，有人提出可以加入真心话大冒险于是我后来增加了：

还挺有意思挺适合聚会时玩游戏，跟女朋友玩也是不错的哟！大镓提前看看效果下期教学我会出怎么增加真心画大冒险和分数等级机制。

本文由 @索大佩罗娜 原创发布于人人都是产品经理未经许可，禁止转载