Cocos2d-x 3.2 大富翁游戏项目开发-第二十五部分 大富翁股市

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了Cocos2d-x 3.2 大富翁游戏项目开发-第二十五部分 大富翁股市，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

当角色走到股市图标时，进入股市界面。每走完一个回合，增加一条股票数据，
股市界面上半部分显示股票信息，包括代码，名称，当前价格，买入价格，涨跌百分比，角色持有的股票数量
下半部分显示股票价格走势，当点击一个股票时，显示相关股票的价格走势，共显示最新14条的价格走势。

每次点击购买，买入100股 。点击卖出，则卖出所持有的该股的所有股票。成交价格 等信息动态更新
点击返回，返回到游戏主界面，并更新角色资金值

1、首先添加股票类
包括代码，名称，买入价格，涨跌百分比，持仓数量等定义以及相关的get 、set方法

  1. class Stock : public Sprite
  2. {
  3. ................
  4. private:
  5. <span style="white-space:pre">	</span>int stockCode; //股票代码
  6. 	String* stockName;//股票名称
  7.         int nowPrice;//当前价格
  8.         int makedealprice;//成交价格
  9. 	float percent;//涨跌百分比
  10. 	int storeNumber;//持仓数量
  11. };

2、VisibleRect类，主要是为了方便的获取屏幕的尺寸等信息 
  1. class VisibleRect
  2. {
  3. public:
  4.     static cocos2d::Rect getVisibleRect();
  5. ...................
  6. private:
  7.     static void lazyInit();
  8.     static cocos2d::Rect s_visibleRect;
  9. };

3、股票记录中的单元格类StockCellCard，包括单元格背景和显示文字的label。同彩票类card大体相同，不再解释了


4、在RicherPlayer的init方法中,给角色创建股票持有信息，主要是股票代码和持仓数量和买入价格。其他信息无关紧要 
  1. bool RicherPlayer::init(char* name,int tag,bool enemy,int money,int strength)
  2. {
  3. ...........
  4. 	stockMap.insert(0,Stock::create(800100,LanguageString::getInstance()->getLanguageString(RICH_TECHNOLOGY),10,100));
  5. 	stockMap.insert(1,Stock::create(800200,20,200));
  6. 	stockMap.insert(2,Stock::create(800300,70,800));
  7. 	stockMap.insert(3,Stock::create(800400,400));
  8. 	stockMap.insert(4,Stock::create(800500,0));
  9. 	..........
  10. }

5、当角色走到股票图标时RicherGameController 控制器，发送进入股市的消息 
  1. 	 if(passId == GameBaseScene::stock_tiledID)
  2. 	 {
  3. 		 String * str = String::createWithFormat("%d-%f-%f-%d-%d",MSG_STOCK_TAG,1.0f,_richerPlayer->getTag(),MOVEPASS);
  4. 		 NotificationCenter::getInstance()->postNotification(MSG_STOCK,str);
  5. 		 return;
  6. 	 }

6、GameBaseScene类定义了股票容器类，存放所以股票相关信息

vector<float> GameBaseScene::stock_pointvec1;
vector<float> GameBaseScene::stock_pointvec2;
vector<float> GameBaseScene::stock_pointvec3;
vector<float> GameBaseScene::stock_pointvec4;
vector<float> GameBaseScene::stock_pointvec5;

在更新回合计数时，调用updateStockVec()方法，添加股票一条新纪录
void GameBaseScene::refreshRoundDisplay()
{
..........
updateStockVec()
.......

}

  1. //最多纪录14条纪录，超过的会被覆盖掉
  2. void GameBaseScene::updateStockVec()
  3. {
  4. 	float valule1 = rand()%800+10;
  5. 	float valule2 = rand()%800+10;
  6. 	float valule3 = rand()%800+10;
  7. 	float valule4 = rand()%800+10;
  8. 	float valule5 = rand()%800+10;
  9.  
  10. 	if(stock_pointvec1.size()>13)
  11. 	{
  12. 		for(int i=0;i<13;i++)
  13. 		{
  14. 			stock_pointvec1.at(i)=stock_pointvec1.at(i+1);
  15. 			stock_pointvec2.at(i)=stock_pointvec2.at(i+1);
  16. 			stock_pointvec3.at(i)=stock_pointvec3.at(i+1);
  17. 			stock_pointvec4.at(i)=stock_pointvec4.at(i+1);
  18. 			stock_pointvec5.at(i)=stock_pointvec5.at(i+1);
  19. 			
  20. 		}
  21. 		stock_pointvec1.at(13) =valule1;
  22. 		stock_pointvec2.at(13) =valule2;
  23. 		stock_pointvec3.at(13) =valule3;
  24. 		stock_pointvec4.at(13) =valule4;
  25. 		stock_pointvec5.at(13) =valule5;
  26. 	}else
  27. 	{
  28. 		stock_pointvec1.push_back(valule1);
  29. 		stock_pointvec2.push_back(valule2);
  30. 		stock_pointvec3.push_back(valule3);
  31. 		stock_pointvec4.push_back(valule4);
  32. 		stock_pointvec5.push_back(valule5);
  33. 	}
  34. }

7、当GameBaseScene收到进入股市界面的消息时，添加股市layer,显示股市 
  1. 	case MSG_STOCK_TAG:
  2. 		{
  3. 				auto lineView = LineChart::createChart(player1);   
  4. 				lineView->setPosition(Point(0,0));
  5. 				moveTag = messageVector.at(4)->intValue();
  6. 				lineView->moveTag = moveTag;				
  7. 				addChild(lineView);
  8. 				..............
  9. 			break;
  10. 		}

8、LineChart类是股票界面类

(1)initChart方法

  1. bool LineChart::initChart(RicherPlayer* player)
  2. {
  3.     if ( !LayerColor::initWithColor(Color4B(0,255))) //黑色背景
  4. 	{
  5. 		 return false; 
  6. 	}
  7. 	richerPlayer = player; //角色
  8. 	playerStockMap = player->stockMap;//角色持有的股票容器
  9. 	initStockVector(playerStockMap);
  10. 	drawNode = DrawNode::create();//创建DrawNode ，准备画图
  11. 	this->addChild(drawNode);
  12. 	tv = TableView::create(this,Size(650,160));//创建TableView对象
  13.         tv->setAnchorPoint(Point(0,0));
  14.         tv->setPosition(10,VisibleRect::getVisibleRect().size.height * 1 /2);	
  15.         tv->setDelegate(this);
  16.         addChild(tv);
  17. 	initMenu();//创建菜单，包括买入，卖出，返回Menu
  18. 	selectedTag =0;  
  19. 	float tableY =  VisibleRect::getVisibleRect().size.height * 1/2;
  20. 	//选择股票时，箭头移动到相关股票
  21. 	arrowSprite_left->setPosition(600+arrowSprite_left->getContentSize().width,tableY +selectedTag*32);
  22. 	arrowSprite_right->setPosition(10,tableY + selectedTag*32);
  23. 	setData(getsock_pointVec(selectedTag));//设置股票数据
  24. 	drawpic();//画走势图
  25.     return true;
  26. }

(2)initMenu方法创建菜单，包括买入，卖出，返回Menu，以及箭头提示 
  1. void LineChart::initMenu()
  2. {
  3. 	Menu* menu = Menu::create();
  4. 	menu->setPosition(CCPointZero);
  5.     setMenu(menu);
  6.     MenuItemImage* buyMenuItemButton = MenuItemImage::create("images/buy_normal.png","images/buy_pressed.png",this,menu_selector(LineChart::buttonCallback));
  7.  
  8.     buyMenuItemButton->setPosition(ccp(700,VisibleRect::getVisibleRect().size.height-110));
  9. 	buyMenuItemButton->setAnchorPoint(ccp(0,0));
  10. 	buyMenuItemButton->setTag(buy_button);
  11. 	menu->addChild(buyMenuItemButton);
  12. 	............
  13. 	arrowSprite_left = Sprite::create("images/arrow_left.png");
  14. 	arrowSprite_left->setPosition(ccp(-500,-500));
  15. 	arrowSprite_left->setAnchorPoint(ccp(0,0));
  16. 	addChild(arrowSprite_left);
  17.  
  18. 	arrowSprite_right = Sprite::create("images/arrow_right.png");
  19. 	arrowSprite_right->setPosition(ccp(-500,-500));
  20. 	arrowSprite_right->setAnchorPoint(ccp(0,0));
  21. 	addChild(arrowSprite_right);
  22. }

(3)initStockVector()添加股票上半部分表格的标题，以及给股票容器添加各个股票信息 
  1. void LineChart::initStockVector(Map<int,Stock*> stockMap)
  2. {
  3. 	float percent = 0;
  4. 	if(GameBaseScene::stock_pointvec1.size()>1)
  5. 	{
  6. 		percent = (GameBaseScene::stock_pointvec1.at(GameBaseScene::stock_pointvec1.size()-1) - GameBaseScene::stock_pointvec1.at(GameBaseScene::stock_pointvec1.size()-2))/GameBaseScene::stock_pointvec1.at(GameBaseScene::stock_pointvec1.size()-2)*100;
  7. 	}
  8.  
  9. 	stockVector.pushBack(Stock::create(800100,GameBaseScene::stock_pointvec1.at(GameBaseScene::stock_pointvec1.size()-1),stockMap.at(0)->getMakedealprice(),percent,stockMap.at(0)->getStoreNumber()));
  10. 	
  11. 	..................
  12. 	
  13. 	Label* code = Label::createWithSystemFont(LanguageString::getInstance()->getLanguageString(STOCK_CODE)->getCString(),"",20);
  14. 	code->setPosition(Point(20,410 ));
  15. 	code->setAnchorPoint(ccp(0,0));
  16. 	addChild(code);
  17.  
  18. 	Label* name = Label::createWithSystemFont(LanguageString::getInstance()->getLanguageString(STOCK_NAME)->getCString(),20);
  19. 	name->setPosition(Point(stockCellWidth+20,410 ));
  20. 	name->setAnchorPoint(ccp(0,0));
  21. 	addChild(name);
  22.  
  23. 	Label* nowprice = Label::createWithSystemFont(LanguageString::getInstance()->getLanguageString(STOCK_NOWPRICE)->getCString(),20);
  24. 	nowprice->setPosition(Point(stockCellWidth*2+20,410 ));
  25. 	nowprice->setAnchorPoint(ccp(0,0));
  26. 	addChild(nowprice);
  27.  
  28. 	Label* dealprice = Label::createWithSystemFont(LanguageString::getInstance()->getLanguageString(STOCK_DEALPRICE)->getCString(),20);
  29. 	dealprice->setPosition(Point(stockCellWidth*3+20,410 ));
  30. 	dealprice->setAnchorPoint(ccp(0,0));
  31. 	addChild(dealprice);
  32.  
  33. 	Label* percentLabel = Label::createWithSystemFont(LanguageString::getInstance()->getLanguageString(STOCK_PERCENT)->getCString(),20);
  34. 	percentLabel->setPosition(Point(stockCellWidth*4+20,410 ));
  35. 	percentLabel->setAnchorPoint(ccp(0,0));
  36. 	addChild(percentLabel);
  37.  
  38.  
  39. 	Label* store = Label::createWithSystemFont(LanguageString::getInstance()->getLanguageString(STOCK_STORE)->getCString(),20);
  40. 	store->setPosition(Point(540,410 ));
  41. 	store->setAnchorPoint(ccp(0,0));
  42. 	addChild(store);
  43.  
  44.  
  45. 	playerMoneyLabel = Label::createWithSystemFont(
  46. 		String::createWithFormat("%s %d",LanguageString::getInstance()->getLanguageString(PLAYER_MONEY)->getCString(),richerPlayer->getMoney())->getCString(),20);
  47. 	playerMoneyLabel->setPosition(Point(20,450 ));
  48. 	playerMoneyLabel->setAnchorPoint(ccp(0,0));
  49. 	addChild(playerMoneyLabel);
  50.  
  51. }

(4)buttonCallback()，点击买入 ，卖出，返回的回调方法
void LineChart::buttonCallback(CCObject* pSender)
{
.............

}

(5)TableView 相关实现方法

  1. //当点击股票时，移动箭头，更新数据，重画走势图
  2. void LineChart::tableCellTouched(cocos2d::extension::TableView *table,cocos2d::extension::TableViewCell *cell)
  3. {
  4.     
  5. 	for(int i=0;i<30;i++)
  6. 	{
  7. 		this->removeChildByTag(100+i);
  8. 	}
  9.  
  10. 	int tag = cell->getTag();
  11. 	selectedTag =tag;
  12.     log("******click id = %d",tag);
  13. 	float height = VisibleRect::getVisibleRect().size.height;
  14. 	float tableY =  VisibleRect::getVisibleRect().size.height * 1/2;
  15. 	arrowSprite_left->setPosition(600+arrowSprite_left->getContentSize().width,tableY +tag*32);
  16. 	arrowSprite_right->setPosition(10,tableY + tag*32);
  17. 	log("all height is %f",height);
  18. 	log("all cellY is %f",tableY);
  19. 	setData(getsock_pointVec(tag));
  20. 	drawpic();
  21. 	    
  22. }

  1. //创建tableview相关单元格，当股市上涨时，背景色为红色，下跌时为绿色
  2. TableViewCell* LineChart::tableCellAtIndex(cocos2d::extension::TableView *table,ssize_t idx)
  3. {
  4.     TableViewCell *cell = table->dequeueCell();  
  5.     LabelTTF *label;
  6.  
  7.     int colorTag = 0;
  8. 	if(stockVector.at(idx)->getPercent()>0)
  9. 	{
  10. 		colorTag = 1;
  11. 	}else
  12. 	{
  13. 		colorTag = -1;
  14. 	}
  15.  
  16.     if (cell==NULL) 
  17. 	{		
  18.         cell = TableViewCell::create();
  19. 		cell->setTag(idx);  
  20. 		for(int i=0; i<6; i++)    
  21. 		{  
  22. 			switch(i)
  23. 			{
  24. 			case 0:
  25. 				{
  26. 					StockCellCard* card = StockCellCard::createCardSprite(String::createWithFormat("%d",stockVector.at(idx)->getCode()),stockCellWidth,stockCellHeight,stockCellWidth*i+10,colorTag);    
  27. 					cell->addChild(card);
  28. 					break;
  29. 				}
  30. 			case 1:
  31. 				{
  32. 					StockCellCard* card = StockCellCard::createCardSprite(stockVector.at(idx)->getStockName(),colorTag);    
  33. 					cell->addChild(card);
  34. 					break;
  35. 				}
  36. ....................................
  37. 			}
  38. 			
  39.  
  40. 		} 
  41.  
  42.     }
  43.     
  44.     return cell;
  45. }

//共5支股票
ssize_t LineChart::numberOfCellsInTableView(cocos2d::extension::TableView *table){
return 5;
}

(6)画走势图

  1. void LineChart::drawpic()
  2. {
  3. 	drawNode->clear();
  4. 	int maxValue = getMaxValue(pointvec);
  5. 	int maxValue2 = int((maxValue+100) / 100)* 100 ;
  6.      maxValue1 = maxValue2  / 10;
  7.     
  8.     
  9.      spaceRatio = 0.08f;  //y轴间距系数
  10.      leftRatioX = 0.1f;   //x轴左侧间距系数
  11.     
  12.     
  13.     int fontSize = 20;
  14.     string fontName = StringUtils::format("Thonburi");
  15.     
  16.     Size layerSize = Size(VisibleRect::getVisibleRect().size.width,VisibleRect::getVisibleRect().size.height * 1 /2);
  17.     
  18.     
  19.       layerHeight1 = 30;
  20.     float layerHeight = layerHeight1;
  21.     float layerWidth = layerSize.width;
  22.     int count = layerSize.width /50;
  23.     /***********************画xy轴标签*************************************/
  24.  
  25.     for (int i = 0; i < 11; i++) {
  26.         Point bPoint = Point(layerWidth* leftRatioX,layerHeight );
  27.         Point ePoint = Point(layerWidth* leftRatioX+(count-2) * 50,layerHeight );
  28.         Label* label = Label::createWithSystemFont(StringUtils::format("%d",maxValue1* i).c_str(),fontName.c_str(),fontSize);       
  29.         label->setPosition(Point(layerWidth* 0.05f,layerHeight ));
  30. 	label->setTag(100+i);
  31.         addChild(label);      
  32. 	drawNode->drawSegment(bPoint,ePoint,0.5,Color4F(100,100,200,200));		
  33.         layerHeight += layerSize.height * spaceRatio;         
  34.     }
  35.  
  36.  
  37. 	float layer_wd = layerSize.width * leftRatioX;
  38.         for (int i = 0; i < count; i++) {
  39.      
  40.  
  41. 		Point bPoint  = Point(layer_wd,layerHeight1);        
  42. 		Point ePoint  = Point(layer_wd,layerSize.height * spaceRatio*10+layerHeight1); 
  43. 		if(i%2 == 0)
  44. 		{
  45. 			drawNode->drawSegment(bPoint,200));
  46. 		}
  47.  
  48. 		auto labelX = Label::createWithSystemFont(StringUtils::format("%d",i).c_str(),"Thonburi",20);
  49.                 labelX->setPosition(Point(ePoint.x,0));
  50. 		labelX->setAnchorPoint(ccp(0,0));
  51. 		labelX->setTag(100+11+i);
  52.                 this->addChild(labelX);
  53.                 layer_wd += 50;
  54.      
  55.     }
  56. 	
  57.  
  58. 	drawLine(pointvec,Color4B(0,255,255),Color4B(255,255));
  59. }

//画走势线条 
  1. void LineChart::drawLine(vector<Point> vec,Color4B lineColor,Color4B dotColor)
  2. {
  3. 	
  4.     Size layerSize = Size(VisibleRect::getVisibleRect().size.width,VisibleRect::getVisibleRect().size.height * 1 /2);
  5.        
  6.     float layerWidth = layerSize.width;
  7.         
  8.     float tempWidth = layerSize.height * spaceRatio;
  9.     float tempWidth2 = 0;
  10.     
  11.     float tempHeight1 = maxValue1  ;   
  12.  
  13.     double  ratio = tempWidth/tempHeight1;
  14.     
  15.     
  16.     /**********************开始画线**********************/
  17.     std::vector<Point>::iterator beforePoint;
  18.     std::vector<Point>::iterator currentPoint;
  19.     
  20.     beforePoint = vec.begin();
  21.     
  22.     for (currentPoint = vec.begin() + 1;currentPoint != vec.end() ; currentPoint++) {
  23.         Point bPoint  = *beforePoint;
  24.         bPoint = Point(bPoint.x + layerWidth* leftRatioX,bPoint.y * ratio + layerHeight1 +tempWidth2);
  25.         
  26.         Point ePoint  = *currentPoint;
  27.         ePoint = Point(ePoint.x + layerWidth* leftRatioX,ePoint.y * ratio + layerHeight1 +tempWidth2);
  28.         
  29. 		drawNode->drawSegment(bPoint,0.8,Color4F::RED);
  30.         beforePoint = currentPoint;
  31.         
  32.     }
  33.  
  34.      /**********************结束画线**********************/   
  35.    
  36.     /********************开始画点**********************************************/
  37.     beforePoint = vec.begin();
  38.     DrawPrimitives::setDrawColor4B(dotColor.r,dotColor.g,dotColor.b,dotColor.a);
  39.     Point bPoint  = *beforePoint;
  40.     bPoint = Point(bPoint.x +layerWidth* leftRatioX,bPoint.y * ratio + layerHeight1 +tempWidth2);
  41.  
  42. 	drawNode->drawDot(bPoint,5,Color4F::YELLOW); 
  43.  
  44.     int i = 2;
  45.     for (currentPoint = vec.begin() + 1;currentPoint != vec.end() ; currentPoint++) {
  46.         Point ePoint  = *currentPoint;    
  47.         ePoint = Point(ePoint.x + layerWidth* leftRatioX,ePoint.y * ratio + layerHeight1 + tempWidth2);              
  48.         drawNode->drawDot(ePoint,Color4F::YELLOW); 
  49.         i++;
  50.     }
  51.      /********************结束画点*********************************************END**/
  52.     
  53. }

//设置股票数据 
  1. void LineChart::setData(vector<float> data)
  2. {
  3. 	pointvec.clear();
  4.     vector<float>::iterator it;
  5.     int i = 0;
  6.     
  7.     for (it = data.begin();it != data.end();it++) {
  8.         float f = *it;
  9.         pointvec.push_back(Point(50 * (i+1),f));               
  10.         i++;
  11.         
  12.     }
  13.     
  14. }

  1. //获取最大值
  2. double LineChart::getMaxValue(std::vector<Point> vec)
  3. {
  4.     
  5.     double maxY =1;
  6.     
  7.     for (int i = 0; i < vec.size(); i++)
  8. 	{
  9.         float num = vec.at(i).y;
  10.         if (maxY < abs(num)) 
  11. 		{
  12.             maxY = abs(num);
  13.         }
  14.     }
  15.     return maxY;
  16. }

这就是大体代码，详细内容，请参考代码，如下效果图




点击下载代码

未完待续...................

猜你在找的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外接键盘流式标签