其实,三角函数的知识点是初中的数学基础。但是在编程里合理的利用的话,也会很好玩的,可以制作出很多有趣的动画特效。
首先要注意的是 角度 和 弧度 的转换。
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);
时间: 2024-11-03 21:29:40