Axure中文社区

WebPPD产品原型设计

 找回密码
 新用户注册
查看: 16306|回复: 9

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

[复制链接]

7

主题

12

帖子

2万

积分

会员

Rank: 5Rank: 5

积分
27687

资深会员

发表于 2018-1-7 16:29:05 | 显示全部楼层 |阅读模式
尹广磊公众帐号
跳一跳特别简洁。跳一跳的原型其实只有一个页面,得分和排名都是弹出的对话框。原型的页面跳转逻辑比较简单。但游戏页面的跳跃轨迹的计算是一个挑战。我用了一个比较简陋的办法,模拟了部分功能。

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

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

跳一跳1.png

跳一跳2.png

跳一跳3.png

微信小游戏跳一跳.rp

659.15 KB, 下载次数: 16

售价(获得虚拟币): 690 虚拟币  [记录]

评分

1

查看全部评分

2

主题

10

帖子

520

积分

会员

Rank: 5Rank: 5

积分
520

资深会员

发表于 2018-1-8 19:00:37 | 显示全部楼层
这个游戏做的很赞

0

主题

2

帖子

81

积分

会员

Rank: 5Rank: 5

积分
81
发表于 2018-1-9 09:29:42 | 显示全部楼层
123

0

主题

24

帖子

117

积分

会员

Rank: 5Rank: 5

积分
117
发表于 2018-1-11 08:46:06 | 显示全部楼层
必须赞一个

0

主题

5

帖子

80

积分

会员

Rank: 5Rank: 5

积分
80
发表于 2018-1-12 10:37:13 | 显示全部楼层
请收下我的膝盖。

0

主题

8

帖子

194

积分

会员

Rank: 5Rank: 5

积分
194
发表于 2018-3-15 14:14:27 | 显示全部楼层
太厉害了!

0

主题

1

帖子

100

积分

会员

Rank: 5Rank: 5

积分
100
发表于 2018-3-19 22:39:25 | 显示全部楼层
http://127.0.0.1:32767/start.html#p=index&g=1

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

0

主题

1

帖子

130

积分

会员

Rank: 5Rank: 5

积分
130
发表于 2018-7-20 11:14:50 | 显示全部楼层
还没落到方块上分数就+1了

0

主题

5

帖子

290

积分

会员

Rank: 5Rank: 5

积分
290
发表于 2018-10-28 10:58:25 | 显示全部楼层
666 不够分下载

0

主题

5

帖子

290

积分

会员

Rank: 5Rank: 5

积分
290
发表于 2018-10-28 10:58:43 | 显示全部楼层
6666666  厉害了 但是不够分下载
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区

GMT+8, 2018-12-10 23:58

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表