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

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

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

360度 = 2×PI弧度

180度 = PI弧度

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

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

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

关键代码：

头文件：

1 protected:
2 float _angle;

cpp实现文件：

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

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

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

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

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