微信小游戏跳一跳的Axure原型（带交互）

jituoshiti · 发表于 2018-1-7 16:29:05

跳一跳特别简洁。跳一跳的原型其实只有一个页面，得分和排名都是弹出的对话框。原型的页面跳转逻辑比较简单。但游戏页面的跳跃轨迹的计算是一个挑战。我用了一个比较简陋的办法，模拟了部分功能。

（1）首先根据用户长按的时间计算跳跃的距离。
（2）根据跳跃距离、两个盒子连线的直线函数、跳跃轨迹的圆形函数，算出跳跃的每个点的值。
（3）最后，用Axure中的移动和旋转功能，即实现跳跃了。

原型预览地址（pc上浏览效果较好）：http://t6wvhl.share.axure.org/

跳一跳1.png

王震V · 发表于 2018-1-8 19:00:37

这个游戏做的很赞

a651309968 · 发表于 2018-1-9 09:29:42

fhl · 发表于 2018-1-11 08:46:06

必须赞一个

小马马 · 发表于 2018-1-12 10:37:13

请收下我的膝盖。

xinlidebuyuan · 发表于 2018-3-15 14:14:27

太厉害了！

liucx763845526 · 发表于 2018-3-19 22:39:25

http://127.0.0.1:32767/start.html#p=index&g=1

我也模仿作了一个，唯一遗憾的是，部件移动的时候不会更改轨迹，没办法实现跳跃的交互设计，按的时候，部件压缩的动画也不会用动态面板循环实现的话，需要部件不同时间的压缩图，这个太麻烦了吧大神在的话求指点

帐号		自动登录	找回密码
密码			新用户注册

[微信公号] 微信小游戏跳一跳的Axure原型（带交互）

评分

资深会员