贝塞尔曲线

本文介绍如何使用 Cocos2d-x 游戏引擎创建贝塞尔曲线动画效果,通过调整控制点来实现平滑的球体移动路径,并采用背景位移的方法来模拟复杂的曲线运动。
    local gameScene = cc.Scene:create()
    
    local centerNode = cc.Node:create()
    gameScene:addChild(centerNode,1)
    centerNode:setPosition(240,160)
    centerNode:setScale(0.5)
    
    
    local bg = cc.LayerColor:create(cc.c4b(0,255,0,255))
    centerNode:addChild(bg)
    
    local point1 = cc.DrawNode:create()
    point1:drawSolidCircle(cc.p(100,320), 10, math.pi/2, 50, 1.0, 1.0, cc.c4f(1,0,0,1))
    bg:addChild(point1)
    
    local point2 = cc.DrawNode:create()
    point2:drawSolidCircle(cc.p(960-100,320), 10, math.pi/2, 50, 1.0, 1, cc.c4f(1,0,0,1))
    bg:addChild(point2)
    
    local footBall = cc.Sprite:create()
    
    local point3 = cc.DrawNode:create()
    point3:drawSolidCircle(cc.p(0,0), 10, math.pi/2, 50, 1.0, 1, cc.c4f(0,0,1,1))
    footBall:setPosition(100,320)
    footBall:addChild(point3)
       
    centerNode:addChild(footBall,10)
    
    
    
    local controlPt1= cc.p(200,200)
    local controlPt2 = cc.p(560,200)
    local orginPoint = cc.p(100,320)
    local controlSp1 = cc.DrawNode:create()
    controlSp1:drawSolidCircle( cc.pAdd(controlPt1,orginPoint) , 10, math.pi/2, 50, 1.0, 1, cc.c4f(1,1,0,1))
    bg:addChild(controlSp1)
    
    local controlSp2 = cc.DrawNode:create()
    controlSp2:drawSolidCircle(cc.pAdd(controlPt2,orginPoint) , 10, math.pi/2, 50, 1.0, 1, cc.c4f(1,1,0,1))
    bg:addChild(controlSp2)
    
    --[[
    local bezier = {
        controlPt1, --控制点2
        controlPt2, --控制点1
        cc.p(760,0), --结束点
    }

    local bezierForward = cc.BezierBy:create(3, bezier)

    local function resetPt()
    	footBall:setPosition(cc.p(100,320))
    end

    local rep = cc.RepeatForever:create(cc.Sequence:create(bezierForward, cc.CallFunc:create(resetPt)))
    footBall:runAction(rep)
    --]]




    --通过移动背景来呈现原来的曲线
    
    local bezier = {
        cc.p(-controlPt1.x,-controlPt1.y), --控制点2
        cc.p(-controlPt2.x,-controlPt2.y), --控制点1
        cc.p(-760,0), --结束点
    }

    local bezierForward = cc.BezierTo:create(3, bezier)

    local function resetPt()
        bg:setPosition(cc.p(0,0))
    end

    local rep = cc.RepeatForever:create(cc.Sequence:create(bezierForward, cc.CallFunc:create(resetPt)))
    bg:runAction(rep)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值