cocos2dx实现转盘旋转外加粒子效果

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了cocos2dx实现转盘旋转外加粒子效果，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

EllipseBy.h：

#ifndef _ELLIPSEBY_H_
#define _ELLIPSEBY_H_

#include "cocos2d.h"

USING_NS_CC;

#define PI 3.14159

//椭圆的参数信息
struct EllipseConfig 
{
	//椭圆a的长度
	float ellipseA;
	//椭圆b的长度
	float ellipseB;
	//椭圆的中心坐标
	Vec2 cenPos;
	//是否逆时针旋转
	bool isAntiClockwise;
	//目标开始旋转的位置，默认位置是在椭圆长轴右方,即值为0
	float startAngle;
	//目标自身的角度
	float selfAngle;
};

class EllipseBy : public ActionInterval
{
public:
	EllipseBy();
	~EllipseBy();

	//初始化函数，参数t为持续时间，config为椭圆参数
	static EllipseBy * create(float t,const EllipseConfig & config);
	bool initWithDuration(float t,const EllipseConfig & config);

	//每帧更新当前椭圆坐标
	virtual void update(float time) override;
	//在动作开始前调用
	virtual void startWithTarget(Node *target) override;
	//动作的拷贝
	virtual EllipseBy * clone() const override;
	//动作的逆序
	virtual EllipseBy * reverse() const override;

protected:
	//获得椭圆上当前点坐标
	inline Vec2 & getPosWithEllipse(float t)
	{
		float angle = 2 * PI * ((m_config.isAntiClockwise ? t : (1 - t)) + m_config.startAngle / 360);
		return Vec2(m_config.ellipseA * cos(angle),m_config.ellipseB * sin(angle));
	}

private:
	EllipseConfig m_config;
};

#endif


EllipseBy.cpp：

#include "EllipseBy.h"

EllipseBy::EllipseBy()
{
}

EllipseBy::~EllipseBy()
{
}

EllipseBy * EllipseBy::create(float t,const EllipseConfig & config)
{
	auto pAction = new EllipseBy();
	if (pAction && pAction->initWithDuration(t,config))
	{
		pAction->autorelease();
	}
	else
	{
		CC_SAFE_DELETE(pAction);
	}
	return pAction;
}

bool EllipseBy::initWithDuration(float t,const EllipseConfig & config)
{
	if (!ActionInterval::initWithDuration(t))
	{
		return false;
	}
	m_config = config;

	return true;
}

EllipseBy * EllipseBy::clone() const
{
	auto pAction = new EllipseBy();
	pAction->initWithDuration(_duration,m_config);
	pAction->autorelease();
	return pAction;
}

EllipseBy * EllipseBy::reverse() const
{
	EllipseConfig resConfig = m_config;
	resConfig.isAntiClockwise = !m_config.isAntiClockwise;
	return EllipseBy::create(_duration,m_config);
}

void EllipseBy::startWithTarget(Node *target)
{
	ActionInterval::startWithTarget(target);
}

void EllipseBy::update(float time)
{
	if (_target)
	{
		Vec2 curPos = this->getPosWithEllipse(time);
		float tmpAngle = m_config.selfAngle / 180 * PI;
		float newX = curPos.x * cos(tmpAngle) + curPos.y * sin(tmpAngle);
		float newY = curPos.y * cos(tmpAngle) - curPos.x * sin(tmpAngle);
		_target->setPosition(m_config.cenPos + Vec2(newX,newY));
	}
}


LotteryTurnTest.h：

#ifndef _LOTTERY_TURN_TEST_H_
#define _LOTTERY_TURN_TEST_H_

#include "cocos2d.h"

USING_NS_CC;

class LotteryTurnTest : public cocos2d::Layer
{
public:
	LotteryTurnTest();
	~LotteryTurnTest();

	static cocos2d::Scene * create();
	virtual bool init();

protected:
	void onBtnCallback(Ref * obj);
	void onTurnEnd();
private:
	Sprite * m_turnBg;
	MenuItemSprite * m_turnArr;
	Sprite * m_pBg;
	ParticleSystemQuad * m_pElliRtt_1;
	ParticleSystemQuad * m_pElliRtt_2;
	ParticleSystemQuad * m_pCircle_1;
	ParticleSystemQuad * m_pCircle_2;
};

#endif


LotteryTurnTest.cpp：

#include "LotteryTurnTest.h"
#include "EllipseBy.h"

LotteryTurnTest::LotteryTurnTest()
: m_turnBg(nullptr),m_turnArr(nullptr),m_pBg(nullptr),m_pElliRtt_1(nullptr),m_pElliRtt_2(nullptr),m_pCircle_1(nullptr),m_pCircle_2(nullptr)
{

}

LotteryTurnTest::~LotteryTurnTest()
{

}

Scene * LotteryTurnTest::create()
{
	auto scene = Scene::create();
	auto pLayer = new LotteryTurnTest();
	if (pLayer && pLayer->init())
	{
		pLayer->autorelease();
		scene->addChild(pLayer);
		return scene;
	}
	else
	{
		CC_SAFE_DELETE(pLayer);
		return NULL;
	}
}

bool LotteryTurnTest::init()
{
	if (!Layer::init())
	{
		return false;
	}

	auto bgSize = Director::getInstance()->getWinSize();

	m_pBg = Sprite::create("LotteryTurn/bg_big.png");
	m_pBg->setPosition(Vec2(bgSize.width / 2,bgSize.height / 2));
	this->addChild(m_pBg);

	//添加标题
	auto plabel = Label::createWithTTF("LotteryTurnTest","fonts/Marker Felt.ttf",30);
	plabel->setPosition(Vec2(bgSize.width / 2,bgSize.height * 0.9));
	m_pBg->addChild(plabel);

	//添加转盘
	m_turnBg = Sprite::create("LotteryTurn/turn_bg.png");
	m_turnBg->setPosition(Vec2(bgSize.width / 2,bgSize.height / 2));
	m_pBg->addChild(m_turnBg);

	//添加指针
	auto arrNor = Sprite::create("LotteryTurn/turn_arrow.png");
	auto arrSel = Sprite::create("LotteryTurn/turn_arrow.png");
	arrSel->setColor(Color3B(190,190,190));
	m_turnArr = MenuItemSprite::create(arrNor,arrSel,CC_CALLBACK_1(LotteryTurnTest::onBtnCallback,this));
	m_turnArr->setPosition(Vec2(bgSize.width / 2,bgSize.height * 0.557));
	m_turnArr->setScale(0.7);
	auto pMenu = Menu::createWithItem(m_turnArr);
	pMenu->setPosition(Vec2::ZERO);
	m_pBg->addChild(pMenu);

	//添加中奖之后的简单界面
	auto awardLayer = LayerColor::create(Color4B(0,100));
	awardLayer->setPosition(Point::ZERO);
	awardLayer->setTag(100);
	m_pBg->addChild(awardLayer,10);
	awardLayer->setVisible(false);

	return true;
}

void LotteryTurnTest::onBtnCallback(Ref * obj)
{
	//防止多次点击
	m_turnArr->setEnabled(false);

	srand(unsigned(time(NULL)));
	float angleZ = rand() % 720 + 720;
	auto pAction = EaseExponentialOut::create(RotateBy::create(4,Vec3(0,angleZ)));
	m_turnBg->runAction(Sequence::create(pAction,CallFunc::create(CC_CALLBACK_0(LotteryTurnTest::onTurnEnd,this)),NULL));

	//添加椭圆旋转粒子效果
	m_pElliRtt_1 = ParticleSystemQuad::create("LotteryTurn/whiteBall.plist");
	m_pBg->addChild(m_pElliRtt_1);
	m_pElliRtt_2 = ParticleSystemQuad::create("LotteryTurn/yellowBall.plist");
	m_pBg->addChild(m_pElliRtt_2);

	//椭圆旋转
	EllipseConfig config;
	config.ellipseA = 100;
	config.ellipseB = 50;
	config.cenPos = m_turnBg->getPosition();
	config.isAntiClockwise = true;
	config.startAngle = 0;
	config.selfAngle = 45;

	m_pElliRtt_1->runAction(RepeatForever::create( EllipseBy::create(2.5,config)));

	config.startAngle = 180;
	config.selfAngle = -45;

	m_pElliRtt_2->runAction(RepeatForever::create(EllipseBy::create(2.5,config)));

	//圈圈闪烁粒子效果
	m_pCircle_1 = ParticleSystemQuad::create("LotteryTurn/bigCircle.plist");
	m_pCircle_1->setPosition(m_turnBg->getPosition());
	m_pBg->addChild(m_pCircle_1);
	m_pCircle_1->runAction(RepeatForever::create(RotateBy::create(5,angleZ))));

	m_pCircle_2 = ParticleSystemQuad::create("LotteryTurn/smallCircle.plist");
	m_pCircle_2->setPosition(m_turnBg->getPosition());
	m_pBg->addChild(m_pCircle_2);
	m_pCircle_2->runAction(RepeatForever::create(RotateBy::create(5,angleZ))));

}

void LotteryTurnTest::onTurnEnd()
{
	m_pElliRtt_1->removeFromParentAndCleanup(true);
	m_pElliRtt_2->removeFromParentAndCleanup(true);
	m_pCircle_1->removeFromParentAndCleanup(true);
	m_pCircle_2->removeFromParentAndCleanup(true);
	
	//弹出抽中奖品
	((LayerColor *)m_pBg->getChildByTag(100))->setVisible(true);
	auto award = Sprite::create("LotteryTurn/award.png");
	award->setAnchorPoint(Vec2(0.5,0));
	award->setPosition(Vec2(m_pBg->getPositionX(),m_pBg->getPositionY() * 2));
	this->addChild(award);
	auto bounce = EaseBounceOut::create(MoveBy::create(2,Vec2(0,-m_pBg->getPositionX() * 2)));
	award->runAction(Sequence::createWithTwoActions(bounce,CallFuncN::create([=](Node * node){
					award->removeFromParentAndCleanup(true);
					((LayerColor *)m_pBg->getChildByTag(100))->setVisible(false);
					m_turnArr->setEnabled(true);
	})));

}

猜你在找的Cocos2d-x相关文章

创建自定义的Cocos2d-x场景
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...
给vs2010安装上cocos2d-x的模版
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...
Python创建Cocos2d-x 2.2方法
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...
cocos2dx 物理碰撞
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数 1 EventListenerPhysics...
cocos2d-js 自定义事件监听派发
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...
cocos常用 实用 公共函数 lua代码
公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...
cocos creator box2d
title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...
（转）让quick-cocos2d-x支持加密的plist文件
前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...
（转）quick-cocos2d-x图片资源加密(续)
摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...
Cocos Creator 动态改变sprite图片
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签