实现精灵沿着圆形轨迹运动

(原文地址:http://blog.csdn.net/while0/article/details/26008033)

使用样条曲线模拟圆形轨迹,当分割数量足够大时,逐渐逼近圆形。

    Point pos(100, 100); //start point
    m_animSprite->setPosition(pos);

    int count = 8;
    float angle = 360.f/count;
    float radius = 50.f;
    auto array = PointArray::create(count + 1);
    Point pt0(radius, 0.f), pt;
    for (int i = 0; i <= count; i++)
    {
        pt = pt0 + Point(-radius, 0);
        array->addControlPoint(pt);
        pt0 = pt0.rotateByAngle(Point::ZERO, CC_DEGREES_TO_RADIANS(angle));
    }
    auto action = CardinalSplineBy::create(3, array, 0);
    auto seq = RepeatForever::create(action);
    m_animSprite->runAction(seq);

实现精灵沿着圆形轨迹运动,布布扣,bubuko.com

时间: 2024-08-03 19:26:06

实现精灵沿着圆形轨迹运动的相关文章

每天一点点之css - 动画-一个圆绕着另一个圆动(绕着轨迹运动)

最近要开发一个类似星河的效果,需要小圆绕着一定的轨迹运动,这个时候我首先想到的是使用canvas来实现,在实现过程中发现这个实现起来不是很灵活,然后想到css3有动画也可以实现,下面是效果 注:图2是多个的效果,没有代码 html <div class="s"> <div class="m"> <div class="small small1"> <div class="small-p smal

小折腾:JavaScript与元素间的抛物线轨迹运动

by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=3855 一.一剂预防针 好的体验应该是在用户试用之前就告知产品的一些特点.局限性等.类似裤子都脱了,才来一句:“我今天大姨妈巅峰期”的场景显然是会让兴致勃勃的用户受挫的. SO, 有必要在这里打个预防针,本文实际上没什么技术养料,就是昨晚因实际工作需要折腾的个东西,抛物线轨迹动画.如果你急着跟女神搞昧,下面的可以直接p

用CSS3和table标签实现一个圆形轨迹的动画

html:其实就是根据table标签把几个实心圆div进行等边六角形的排布,并放入一个div容器中,然后利用CSS3的循环旋转的动画效果对最外层的div容器进行自转实现,当然不要忘了把div容器的外边框设置圆形弧度的. 1 <div class="animation_div"> 2 <table class="table_class"> 3 <tr> 4 <td></td> 5 <td> 6 &

JavaScript与元素间的抛物线轨迹运动

转载自别人,如有侵权,请联系本人. http://www.zhangxinxu.com/wordpress/2013/12/javascript-js-%E5%85%83%E7%B4%A0-%E6%8A%9B%E7%89%A9%E7%BA%BF-%E8%BF%90%E5%8A%A8-%E5%8A%A8%E7%94%BB/

按圆形轨迹排列元素

<div class="box"> <span>0</span> <span>1</span> <span>2</span> <span>3</span> <span>4</span> <span>5</span> <span>6</span> <span>7</span> <s

quick cocos2d-x 实现划线轨迹,精灵匀速跟随移动的效果

1 local MainScene = class("MainScene", function() 2 return display.newScene("MainScene") 3 end) 4 local CURRENT_MODULE_NAME = ... 5 local Queue = import("./Queue", CURRENT_MODULE_NAME) 6 function MainScene:ctor() 7 8 local dr

NVisionXR_iOS教程七 —— 场景中物体运动

本章节教大家如何让立方体按照自己想要的轨迹运动. 添加头文件#import''NVAnimationEffect.h'',在onCreate方法中实例该动画类,代码如下图: 1.立方体移动  代码:    /**       * 构建一个NVAnimationEffect对象       * name 可以随便取,但是要唯一       * context 传入场景即可       * widget 作用的NVWidget对象,本例传入的是立方体       * duration 运动的总时长 

Focusky教程 | 自定义动画运动路径

在Focusky(也称为"FS软件")中,除了可以应用软件里自带的动画效果,如进入特效,强调特效,退出特效,还可以自定义一个对象由一个点按照一定的轨迹运动到另一点. 操作步骤如下: 1点击"动画"进入动画编辑页面. [图1▲] 2 单击需添加路径的物体,依次点击添加"动画->-动作路径->自定义路径 "按钮,开始自定义编辑. [图2▲] 3 在右侧边栏中勾选显示动作路径即可编辑. [添加节点]按住ctrl 键,在线上或在空白处点击鼠标

WPF编程,通过Path类型制作沿路径运动的动画一种方法。

原文:WPF编程,通过Path类型制作沿路径运动的动画一种方法. 版权声明:我不生产代码,我只是代码的搬运工. https://blog.csdn.net/qq_43307934/article/details/87339456 From/To/By 类型动画的输入是From.To和By参数: KeyFrame类型动画的输入是关键帧: 而Path类型的动画输入则是PathGeometry,这是其最大特点. ?Path类型的动画是一种可以沿指定路径运动的动画, 使用DoubleAnimationU