go的滚咕噜咕噜滚和点心的龙卷风的实现原理

zdh 2011-10-27 02:51:58

加精

这个原理其实不难,就是如果把图标的排列由方形变圆形,再由圆形变方形的过程,加上个旋转和移动的特效.

下面是我用flex实现的咕噜滚原理展示
http://218.204.254.111:9980/DmHome/Grollum.html

算法简析
1.确定一个圆形,算出圆的中心点坐标,和半径.
2.找出一个基准点,算出这点的坐标和角度.
3.根据这个基准点算出圆环上每一点的坐标和角度.
4.把图标旋转并移动到圆环上.

这个类似经典的球的圆周运动.
可参考:
http://www.cnblogs.com/yjmyzz/archive/2010/04/20/1716504.html

具体在Android运用的话,只要根据以原理,把屏幕上的图标变成圆,再用一下斜率就可以实现GO的滑屏滚动效果.

需要具体算法的话,下次可能整理一下贴出来.

...全文

6067 85 打赏收藏转发到动态举报

写回复

用AI写文章

85 条回复

切换为时间正序

请发表友善的回复…

发表回复

xlhb 2014-02-18

打赏
举报

主你好！最近也在研究go特效的实现。咕噜滚原理展示 http://218.204.254.111:9980/DmHome/Grollum.html 网址打不开。能不能给我发一个demo啊！！或者加一下QQ，有好多问题想向您请教啊！谢谢！！！邮箱： 739449500@qq.com QQ ： 739449500 非常感谢！！！

EmmaCoder 2013-06-03

打赏
举报

效果好赞啊。试试先

zs_lunhui 2013-04-19

打赏
举报

这个有源码不？

limengwe 2012-12-01

打赏
举报

这个效果我见过，我朋友下载的手机桌面，他还让我做这个呢，太深奥了

Nihn 2012-11-21

打赏
举报

厉害！

Weeeeei 2012-11-20

打赏
举报

0深白 2012-11-20

打赏
举报

lz辛苦，我最近也一直在研究这个特效，求android的源码啊，flex看不太懂~

逛街的猫 2012-08-30

打赏
举报

收藏了，LZ辛苦！！！

码农Bitter 2012-07-11

打赏
举报

[Quote=引用 76 楼的回复:]

嗯 android的平面的方和圆的转换我也实现了如楼主所讲就是计算一下旋转的角度和位置。
关于平面向立体的转换（如球形和立柱体）这个貌似要用到opengles的技术还有摄像头旋转之类的，这个我还没有实现，请问楼主能说一下平面向立体的转换的思路不？
[/Quote]
LZ 能给下源代码看看？

iamkila 2012-06-04

打赏
举报

嗯 android的平面的方和圆的转换我也实现了如楼主所讲就是计算一下旋转的角度和位置。
关于平面向立体的转换（如球形和立柱体）这个貌似要用到opengles的技术还有摄像头旋转之类的，这个我还没有实现，请问楼主能说一下平面向立体的转换的思路不？

yw1332875 2012-05-25

打赏
举报

LZ你好，我最近也一直在研究这个特效，希望可以提供android的源代码学习一下，谢谢！
warctwan@126.com

背你进京赶考 2012-04-23

打赏
举报

还是很不错的！！

zdh 2011-12-14

打赏
举报

有谁知道go的球和圆柱体特效吗？

zdh 2011-12-07

打赏
举报

[Quote=引用 71 楼 liulipuo 的回复:]
http://www.cnblogs.com/yjmyzz/archive/2010/04/20/1716504.html
这个帖子中关于移动的处理不错
每一帧至少减少了30 * 4 = 120次的三角函数运算这个很受用
[/Quote]
我也是从这个帖子受到启发。

liulipuo 2011-12-02