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);

 

 

 
 
 
 
 
posted @ 2015-10-23 00:12  何杨  阅读(728)  评论(0编辑  收藏  举报