Cocos2d入门--2--三角函数的应用

时间:2023-03-09 18:50:18
Cocos2d入门--2--三角函数的应用

其实,三角函数的知识点是初中的数学基础。但是在编程里合理的利用的话,也会很好玩的,可以制作出很多有趣的动画特效。

首先要注意的是 角度 和 弧度 的转换。

360度 = 2×PI弧度

180度 =   PI弧度

所以30度的正弦函数 = sin(30/180×PI)

Cocos2d入门--2--三角函数的应用

但是在cocos2d游戏引擎提供的sin(参数值)这里的参数值范围是在[0,1]之间。

利用三角函数的波形来控制小球的运动

关键代码:

头文件:

 protected:
float _angle;

cpp实现文件:

     _angle = ;

     //1、创建一个点
auto dot = DrawNode::create();
dot -> drawDot(Vec2(, ), , Color4F(1.0, 1.0, 1.0, 1.0));
addChild(dot); dot -> setPosition(origin.x + visibleSize.width/,origin.y + visibleSize.height/); CCLOG("%f",origin.y + visibleSize.height/); schedule([dot,this,visibleSize,origin](float f){
//2、写这里代码之前,我们先在头文件中,创建一个成员变量float _angle,用来记录角度
//3、然后我们可以使用这个成员变量,因为需要变换角度或者位置,所以就用set...,这里先变换Y坐标的位置
//4、初始化_angle写到前面
//5、为了能够发生变化,所以需要:
_angle += 0.1;
dot -> setPositionY(sin(_angle)* + origin.y + visibleSize.height/);//这里的sin里面的参数取值范围是[0,1];为了变化更明显,所以×100倍
dot -> setPositionX(sin(_angle)* + origin.x + visibleSize.width/);
}, "Test");

Cocos2d入门--2--三角函数的应用

当你把schedule里面的两个使用的sin三角函数都换成cos函数,实现的效果是一样的,当你如果一个使用sin,另一个使用cos,就会出现下面的圆周运动的效果:

 dot -> setPositionY(sin(_angle)* + origin.y + visibleSize.height/);//这里的sin里面的参数取值范围是[0,1];为了变化更明显,所以×100倍
dot -> setPositionX(cos(_angle)* + origin.x + visibleSize.width/);

Cocos2d入门--2--三角函数的应用

然后如果要实现椭圆的运动,就需要把×100适当改一下,改其中一个就好:

 dot -> setPositionY(sin(_angle)* + origin.y + visibleSize.height/);//这里的sin里面的参数取值范围是[0,1];为了变化更明显,所以×100倍
dot -> setPositionX(cos(_angle)* + origin.x + visibleSize.width/);

Cocos2d入门--2--三角函数的应用