Cocos2d用裁剪区域CCClippingNode实现滚动字幕

最新推荐文章于 2023-11-23 22:31:12 发布

振长策而御宇内

最新推荐文章于 2023-11-23 22:31:12 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Cocos2d 文章标签： cocos2d cocos2d-x cocos2dx

本文链接：https://blog.youkuaiyun.com/zhenyu5211314/article/details/39211373

Cocos2d 专栏收录该内容

81 篇文章

订阅专栏

本文介绍如何使用CCClippingNode在指定区域内实现文字滚动效果，并通过实例展示了文字滚动过程及剪裁区域的绘制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要实现文字在一定区域里滚动，首先用CCClippingNode做出一个剪裁区域，在这个区域内文字可以显示，出了这个区域之后文字就看不到。

bool TestLayer::init()
{
  CCSize size = CCDirector::sharedDirector()->getVisibleSize();
    
  //创建要显示的文字
  text = CCLabelTTF::create("text\nbaibai\n白白\nbaibai\nhaha\nhaha\nahha\n", "", 30);
  text->setPosition(ccp(100, -120));
  
  //绘制裁剪区域
  CCDrawNode* shap = CCDrawNode::create();
  CCPoint point[4] = {ccp(0,0), ccp(200, 0), ccp(200, 200), ccp(0, 200)};
  shap->drawPolygon(point, 4, ccc4f(355, 255, 255, 255), 2, ccc4f(255, 255, 255, 255));
  CCClippingNode* cliper = CCClippingNode::create();
  cliper->setStencil(shap);
  cliper->setAnchorPoint(ccp(.5, .5));
  cliper->setPosition(ccp(100, 20));
  addChild(cliper);
  //把要滚动的文字加入到裁剪区域
  cliper->addChild(text);
  
  //文字滚动，超出范围后从新开始
  schedule(schedule_selector(CTestLayer::rollText));
  return true;
}

void TestLayer::rollText(float)
{
  text->getPositionY()>300 ? text->setPositionY(-150) : text->setPositionY(text->getPositionY()+2);
}

效果图：