查看: 45821|回复: 10

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

[复制链接]

7

主题

5

回帖

2万

积分

会员

Rank: 5Rank: 5

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

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

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

跳一跳1.png

跳一跳2.png

跳一跳3.png

微信小游戏跳一跳.rp

659.15 KB, 下载次数: 23

售价: 690 角  [记录]

评分

1

查看全部评分

4

主题

14

回帖

567

积分

会员

Rank: 5Rank: 5

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

0

主题

2

回帖

93

积分

会员

Rank: 5Rank: 5

积分
93
发表于 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

回帖

265

积分

会员

Rank: 5Rank: 5

积分
265
发表于 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

回帖

370

积分

会员

Rank: 5Rank: 5

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

0

主题

5

回帖

370

积分

会员

Rank: 5Rank: 5

积分
370
发表于 2018-10-28 10:58:43 | 显示全部楼层
6666666  厉害了 但是不够分下载

2

主题

5

回帖

162

积分

会员

Rank: 5Rank: 5

积分
162
发表于 2019-3-4 20:25:57 | 显示全部楼层
厉害了厉害了
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

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

GMT+8, 2024-3-29 21:53

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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