cocos2dx 复杂动作 （BezierTo & BezierBy)贝塞尔曲线运动

最新推荐文章于 2024-10-03 17:20:14 发布
原创 最新推荐文章于 2024-10-03 17:20:14 发布 · 9.8k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#动画 #移动 #Sprite
本文介绍如何使用Cocos2d-x创建精灵并为其设置贝塞尔曲线动画效果，包括创建精灵、定义贝塞尔曲线及应用BezierTo和BezierBy动作。
//创建一个精灵
Sprite * sprite = Sprite::create("CloseNormal.png");
sprite->setPosition(Point(50,180));
this->addChild(sprite,1);
//创建贝塞尔曲线曲线
ccBezierConfig bezier;
bezier.controlPoint_1 = Point(100, 0);//波谷偏向值
bezier.controlPoint_2 = Point(200, 250);//波峰偏向值
bezier.endPosition = Point(300, 50);//动作终点
//创建BezierTo动作对象

BezierTo * bezierto = BezierTo::create(4.0f, bezier);

//创建BezierBy动作对象
BezierBy * bezierby = BezierBy::create(4.0f, bezier);

sprite->runAction(bezierto);

BezierCurvePathCreater:用于创建贝塞尔曲线路径，可匀速运动 - 基于CocosCreator_2.2.2 - Used to create a Bezier curve path with uniform motion Based on CocosCreator_2.2.2
04-23
BezierCurvePathCreater 用于创建贝塞尔曲线路径，可匀速运动 - Used to create a Bezier curve path with uniform motion 更新日志： 2020.2.7： 新添加三阶贝塞尔曲线 平滑度自定义 该工程基于cocos creator 2.2.2版本! (可以直接在上面规划好后导出json文件) 下面来简单演示一下该工程： 目前支持二阶和三阶贝塞尔曲线绘制、匀速运动、导出路径的JSON数据， 在项目中可以直接读取json文件，里面存储了许多连续的曲线点，直接拿来用即可。 可以根据不同的需求来达到想要的效果。 匀速运动实现思路很简单，其实就是利用了微积分思想，把曲线分割成许多份，每一份此时就可以看作直线运动了！ 需要注意的是，该项目分辨率是1920*1080的，在不同的项目中使用可能需要转换下坐标！ 导出的json数据格式如下
cocos贝塞尔曲线CCBezierTo，物体以弧形轨迹运动
ImCode
10-22 3830
cocos实现贝塞尔曲线CCBezierTo 功能需求：元素呈曲线运动 开发工具：Xcode cocos对贝塞尔曲线的定义如下 typedef struct _ccBezierConfig { //! end position of the bezier CCPoint endPosition; //! Bezier control point 1 CCPoint controlPoint_1; //! Bezier control point 2 CCPoi
基于cocos creator2.4.11 实现的匀速三阶贝塞尔曲线运动
qq_34948188的博客
09-26 2393
基于cocos creator2.4.11 实现匀速三阶贝塞尔曲线运动
cocos2d-x学习笔记（9）BezierTo和BezierBy贝赛尔曲线运动
冰镇油条
12-12 1万+
Bezier贝塞尔曲线，任何一条曲线都可以通过与它相切的控制线两端的点的位置来定义。因此，贝塞尔曲线可以用4个点描述，其中两个点描述两个端点，另外两个点描述每一端的切线。 Sprite* sprite=Sprite::create("sprite.png"); sprite->setPosition(Point(50,180)); this->addChild(sprite,1); c
cocos代码研究（8）持续动作子类学习笔记
10-05 438
理论部分 时间间隔动作（ActionInterval）是一个在一段时间内执行的动作。 它有一个开始时间和完成时间。完成时间等于起始时间加上持续时间。 ActionInterval的子类与位置有关的动作类；JumpBy，JumpTo，MoveBy，MoveTo，BezierBy，BezierTo，CardinalSplineBy，CardinalSplineTo与缩放有关的动作类；Sc...
cocos2d-x 4.0 学习之路（十二）复杂的移动（Bezier贝塞尔曲线）
04-08 1801
我们今天来学习一些，比较复杂的运动。 比如想走出平滑的曲线运动，我们可以使用BezierTo和BezierBy。 这个Bezier是贝塞尔曲线，大家可以搜一下基础知识。 ccBezierConfig有3个参数， Vec2 controlPoint_1 ：curve point 1（曲线点1） Vec2 controlPoint_2 ：curve point 2（曲线点2） Vec2 end...
cocos2dx 常用的4个动作类
时间溜走了的博客
07-18 345
Sprite * sp= Sprite::create("Icon.png"); 2 sp->setPosition(Vec2(150, 150)); 3 addChild(sp,0,922); 4 5 // Action动作 6 7 // MoveBy 创建一个移动的动作 参数1：移动到目标坐标所需的...
cocos2dX Action 稍微复杂些的动作
weihongchang的专栏
03-30 1288
CardinalSplineBy / CardinalSplineTo：自定义路径移动   CCPointArray *array = CCPointArray::create(20);   array->addControlPoint(ccp(0, 0));   array->addControlPoint(ccp(s.width/2-30, 0));   a
贝塞尔曲线
lyctianya的专栏
04-08 432
local gameScene = cc.Scene:create() local centerNode = cc.Node:create() gameScene:addChild(centerNode,1) centerNode:setPosition(240,160) centerNode:setScale(0.5) loc
CocosCreator 源码cc.BezierTo详解
weixin_50892911的博客
01-11 1185
欢迎关注公众号：“Cocos Creator 源码讲解”，一起学习。
贝塞尔曲线动作小工具
奎特尔星球
05-18 830
开始之前给看下效果：在使用Cocos Creator做曲线动作时，总是有些刻意逃避使用cc.bezierTo（贝塞尔曲线），而是简单使用cc.moveTo、cc.Jump...
cocos creator 方法数组_Cocos技术派 | 贝塞尔曲线动作小工具
weixin_39675926的博客
12-29 2498
本文转自公号--奎特尔星球，由Shawn提供原创支持，感谢。这是大掌教的分割线开看效果：在使用Cocos Creator做曲线动作时，总是有些刻意逃避使用cc.bezierTo(贝塞尔曲线)，而是简单使用cc.moveTo、cc.JumpTo来模拟，后来更偷懒直接使用Creator的动画编辑器来生成，如图所示：虽然上面的方法也能解决一些问题，但总是舍近求远，为什么有简单的方法不用，原...
Cocos2d3.0学习笔记-Action复杂动作
Jepson_鹏鹏的专栏
12-06 1017
今天我们来学习一下，较为复杂的动作。 内容主要有 贝塞尔曲线运动 重复动作 组合动作 贝塞尔曲线运动 - BezierTo BezierBy不了解贝塞尔曲线的，可以百度一下相关知识，这里只做实现就不解释了。 一共有两种，BezierTo和 BezierBy BezierTo 是向目标位置进行移动，与精灵当前位置无关 BezierBy 是在当前精灵的位置基准下进行移动的 BezierTo实现//
Cocos - 贝塞尔曲线 Bezier
汐客SeaKr的博客
12-04 3894
一、序言 本篇只讲述贝塞尔曲线数学公式的运用原理，不进行公式的背景介绍和推导内容，如需请移步贝塞尔曲线公式推导原理。 在现实中，我们也只需要掌握其大致原理和开发中实际应用即可。 二、贝塞尔曲线原理 原文链接：https://www.jianshu.com/p/6075f9782743 A. 二阶贝塞尔曲线 要素：1 个起点，1 个终点，1 个控制点 知识点 三阶的话就是 2 个控制...
cocoscreator中tween详细用法
热门推荐
Cleve_baby的博客
07-06 1万+
基本方法：to：对属性进行绝对值计算，最终的运行结果即是设置的属性值，即改变到某个值by：对属性进行相对值计算，最终的运行结果是设置的属性值加上开始运行时节点的属性值，即变化值 贝塞尔曲线： · 支持缓动任意对象的任意属性 · 变速 easing · 自定义 progress// 对所有属性自定义 progress // 对单个属性自定义 progress · 插入其他的缓动到队列中 · 并行执行缓动​​​​​​​ · 回调​​​​​​​ · 重复执行
cocos2d-x 贝塞尔曲线（Bezier)用法详解
记录日常开发过程中遇到的一些问题
05-01 7291
网上看到一些关于cocos2d-x的介绍，感觉讲的都很模糊。 今天，终于将这个问题搞清楚了。详解如下： ccBezierConfig bezier;//配置贝塞尔曲线 bezier.controlPoint1=Vec2(); //坐标省略了 bezier.contrloPoint2=Vec2(); bezier.endPosition=Vec2(); sprite->runAction(Be
Cocos 曲线运动的几种方法介绍
qq_43316276的博客
06-20 2936
cocos曲线运动的几种方法
cocos2d-x lua 之 CCBezierBy 使节点按贝塞尔曲线运动
song_hui_xiang
07-05 9590
CCBezierBy* CCBezierBy::create(float t, const ccBezierConfig& c),ccBezierConfig是一个结构体： typedef struct _ccBezierConfig {     //! end position of the bezier     CCPoint endPosition;     //! Bezier
cocos匀速贝塞尔曲线运动
duan003387的博客
03-03 1628
cocos匀速贝塞尔曲线运动 const { ccclass, property } = cc._decorator; @ccclass export default class Expression extends cc.Component { // LIFE-CYCLE CALLBACKS: // onLoad() { } start() { cc.tween(this as any) .to(2, { factor: 1 })
【CocosCreator 3.x】实现物体按指定轨迹移动
最新发布
Truman_Chan的博客
10-03 2175
物体按指定轨道运动的话，轨道用多边形表示。物体沿着多边形上的边移动，顺序地从一个点移动到下一个点。将曲线运动简化成直线运动。物体运动的距离用t表示，线段用向量表示。比如点a00和点b2−1连成的线段用向量b−a2−1表示。算出多边形每一线段的长度，依次遍历并累减，得出t当前在哪一条线段上，并得出t在累减遍历过的线段长度后，剩余的长度s。将长度s除以当前线段长度得出线段向量的缩放比例。乘以线段向量b−a，得出当前点相对该线段起始点2−1的偏移量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值