Axure中文社区

WebPPD产品原型设计

 找回密码
 新用户注册
查看: 951|回复: 4

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

[复制链接]

5

主题

9

帖子

3147

积分

会员

Rank: 5Rank: 5

积分
3147

资深会员

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

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

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

跳一跳1.png

跳一跳2.png

跳一跳3.png

微信小游戏跳一跳.rp

659.15 KB, 下载次数: 5

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

评分

1

查看全部评分

2

主题

10

帖子

210

积分

会员

Rank: 5Rank: 5

积分
210

资深会员

发表于 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 | 显示全部楼层
请收下我的膝盖。
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 ( 冀ICP备17030869号-2 )

GMT+8, 2018-1-22 06:35

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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