Axure怎么实现圆点沿椭圆轨迹移动(axure椭圆一直旋转)优质

扫码添加渲大师小管家,免费领取渲染插件、素材、模型、教程合集大礼包!

Axure实现圆点沿椭圆轨迹移动。实现效果如图。本质是根据时间计算出圆点的横纵坐标。主要在于解决两个问题。一是如何让圆点随时间自动移动。二是让圆点移动在椭圆的轨道上。那么下面就跟小渲一起来看看吧。

想学习更多的“Axure RP”教程吗?点击这里前往观看云渲染农场免费试听课程>>

Axure怎么实现圆点沿椭圆轨迹移动(axure椭圆一直旋转)

工具/软件

硬件型号:戴尔DELL灵越14Pro

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

拖拽一个文本框。文本框变化时。设置文本递增。这样就得到了一组变化的数值。可以作为移动圆点的横坐标m。

Axure怎么实现圆点沿椭圆轨迹移动(axure椭圆一直旋转)

第2步

拖拽一个圆形形状。还是在文本框上设置用例。文本改变时。移动圆形到绝对位置。x为文本框的递增值。y暂时先设置为0。就得到了一个随时间移动的圆形。

Axure怎么实现圆点沿椭圆轨迹移动(axure椭圆一直旋转)

第3步

如何让圆形按椭圆的轨迹移动。就要利用到椭圆公式。其中a。b分别为长短轴长。中心点为(h,k)。主轴平行于x轴。通过椭圆形元件的长。宽。横纵坐标。y以及圆形元件的长(宽)。横坐标计算除y以外的所有参数。根据该公式计算y。然后再换算成圆形的纵坐标。

Axure怎么实现圆点沿椭圆轨迹移动(axure椭圆一直旋转)

第4步

拖拽一个椭圆形到页面中。作为轨道。根据上述公式计算出移动圆形的纵坐标。这里比较复杂。但是只要厘清变量和函数的关系。不难写出。

Axure怎么实现圆点沿椭圆轨迹移动(axure椭圆一直旋转)

第5步

现在的问题还剩下如何让椭圆“拐回头”。这个其实是公式当中的 ± 影响的。我们可以引入一个全局变量 flag 来实现±。当圆形元件移动时。通过判断中心点在椭圆的宽度范围内时。移动圆形的横坐标就递增。不然就递减。

Axure怎么实现圆点沿椭圆轨迹移动(axure椭圆一直旋转)

以上关于“Axure怎么实现圆点沿椭圆轨迹移动(axure椭圆一直旋转)”的内容小渲今天就介绍到这里。希望这篇文章能够帮助到小伙伴们解决问题。如果觉得教程不详细的话。可以在本站搜索相关的教程学习哦!

以上是由资深渲染大师 小渲 整理编辑的,如果觉得对你有帮助,可以收藏或分享给身边的人

本文标题:Axure怎么实现圆点沿椭圆轨迹移动(axure椭圆一直旋转)
本文地址:http://www.hszkedu.com/69125.html ,转载请注明来源:云渲染教程网
友情提示:本站内容均为网友发布,并不代表本站立场,如果本站的信息无意侵犯了您的版权,请联系我们及时处理,分享目的仅供大家学习与参考,不代表云渲染农场的立场!

发表评论