Cocos2d 和 iOS：无法理解使用 ccBezierConfig 的控制点的使用

编辑：如果问题写得不好，请看视频（3），与本页底部相同的链接。

我正在尝试使用绘制一条非常简单的贝塞尔曲线ccBezier配置和 Cocos2D。在维基百科上阅读时，我试图理解一些控制点并发现了这张图片：

http://upload.wikimedia.org/wikipedia/commons/thumb/b/bf/Bezier_2_big.png/240px-Bezier_2_big.png

如果您查看我从中获取图像的维基百科页面，您会看到一个很酷的动画。看一看here.

这是我使用的代码：

        CCSprite *r = [CCSprite spriteWithFile:@"hi.png"];
        r.anchorPoint = CGPointMake(0.5f, 0.5f);
        r.position = CGPointMake(0.0f, 200.0f);

        ccBezierConfig bezier;
        bezier.controlPoint_1 = CGPointMake(0.0f, 200.0f);
        bezier.controlPoint_1 = CGPointMake(180.0f, 330.0f);
        bezier.endPosition = CGPointMake(320.0f,200.0f);

        id bezierForward = [CCBezierBy actionWithDuration:1 bezier:bezier];
        [r runAction:bezierForward];
        [self addChild:r z:0 tag:77];

该应用程序在纵向模式下运行，我的猜测与控制点相匹配1我的代码中的内容是：

sprite.position should correspond to P0
bezier.controlPoint_1 should correspond to P0 
bezier.controlPoint_2 should correspond to P1
bezier.endPosition  should correspond to P2

我确实尝试了两种方法。通过设置精灵的位置和不设置它。

我假设位置应该与维基百科模式中的 controlPoint_1 相同1只有三点。

我得到一个我不太明白的输出。我制作了一个小视频，是一个私人 YouTube 视频：

观看视频请点击这里

好吧，答案很简单......

The 二次贝塞尔曲线不是cocos2d画的。相反，请检查相同的 wiki 页面三次贝塞尔曲线。这就是你应该关注的。

1. 初始位置是精灵的位置（P0）
2. 控制点 1 和 2 分别是 P1 和 P2。
3. 终点就是终点。

不错的视频，顺便说一句，我很喜欢它 xD。

证据来自CCActionInterval.hcocos2d库中的文件：

/** An action that moves the target with a cubic Bezier curve by a certain distance.
 */
@interface CCBezierBy : CCActionInterval <NSCopying>
{
    ccBezierConfig config;
    CGPoint startPosition;
}

这个链接应该帮助你构建你的三次贝塞尔曲线直观地，而不是调整值并运行应用程序。