cocos2dx上如何对图片和文字做倒影（镜像）效果
发布时间：2020-12-14 17:05:39 所属栏目：百科 来源：网络整理
导读：由于工作中需要对图片和文字做镜像效果，开始的时候也是一头雾水，不知道怎么做，后来自己上网查资料，最后发现cocos2dx提供的方法，可以做镜像或者倒影的效果； 对于图片做倒影效果：就是声明一个同样的sprite，这个新的sprite对y轴翻转就是效果了，是不是
|
由于工作中需要对图片和文字做镜像效果，开始的时候也是一头雾水，不知道怎么做，后来自己上网查资料，最后发现cocos2dx提供的方法，可以做镜像或者倒影的效果； 对于图片做倒影效果：就是声明一个同样的sprite，这个新的sprite对y轴翻转就是效果了，是不是好简单； Sprite * bgSprite = Sprite::create("fixbg.png"); bgSprite->setPosition(100.0,70.0); this->addChild(bgSprite,0); Sprite * bgReflectionSprite; //下面是倒影的sprite Sprite * bgReflectionSprite = Sprite::create("fixbg.png"); bgReflectionSprite->setFlippedY(true);//Y轴翻转 bgReflectionSprite->setOpacity(20);//设置透明度 bgReflectionSprite->setPosition(100,70.0 - bgReflectionSprite->getContentSize().height - 15);//设置位置 this->addChild(bgReflectionSprite,0); 对于文字的镜像效果： 由于文字并不是图片，在网上开始找方法，发现可以使用LabelTTF和使用sprite一样的方式，实现倒影，但是我在我的pc板子上可以出现倒影，跑到我的linux板子上就无法显示，为这找了半天都没有找到原因，由于我使用的是cocos2dx3.3的版本，所以这个时候显示文字只有label这一个类，把前面的三种方式合并了，然后看label的设计思路和讲解，发现，cocos2dx对于文字是每一个问题都是一个sprite，一下子就有了解决办法，我取出每一个问题，对每一个文字进行倒影不久行了么，喜出望外，然后解决这个问题； auto * titleTxt = Label::createWithTTF(“test文字”,“你使用的字体”,32); titleTxt->setPosition(10,10); titleTxt->setColor(Color3B(0xd5,0xdb,0xe3)); this->addChild(titleTxt,4); auto *titleTxtReflection = Label::createWithTTF(“test文字”,32); titleTxtReflection->setColor(Color3B(0xff,0xff,0xff)); titleTxtReflection->setPosition(10,(10.0- titleTxtReflection->getContentSize().height - 5 ))； this->addChild(titleTxtReflection,4); //for循环，拿出每一个字，然后对这个字进行Y轴映射，倒影，即可 for (int i = 0; i < titleTxtReflection->getStringLength(); i++) { Sprite* letter1 = titleTxtReflection->getLetter(i); letter1->setFlippedY(true); letter1->setOpacity(20); } 针对于文字的倒影还是有一个问题，由于英文每一个文字的大小不一样，高度也不一样，如：A，a，i ，y，p等，这样导致对文字单个进行倒影反转后，出现倒影不整齐的问题，后来通过改进这个方法：对于每一个文字，单单去设置他的位置，基本思想是：通过镜面的值 - 每一个字的位置的y值，再减去一个倒影的高度即可； //表示是当前文字的的ttf设置位置，后面倒影的每一个字都是通过这个去拿到每一个单词的位置的 pockectTitleTxt = Label::createWithTTF(data->pocketdata.titleid_str,C_FONT_NMEDIUM,42 / resolutionDiv); pockectTitleTxt->setColor(Color3B(0xff,0xff)); pockectTitleTxt->setPosition((50.0 / resolutionDiv + posWidth),-155.0 / resolutionDiv);//50,-130 pockectTitleTxt->setOpacity(255); for (int i = 0; i < pockectTitleTxt->getStringLength(); i++) { Sprite* letter1 = pockectTitleTxt->getLetter(i); letter1->setOpacity(255); } this->addChild(pockectTitleTxt,4); //文字的倒影的ttf， pockectTitleTxtReflection = Label::createWithTTF(data->pocketdata.titleid_str,42 / resolutionDiv); pockectTitleTxtReflection->setColor(Color3B(0xff,0xff)); //pockectTitleTxtReflection->setPosition((50.0 / resolutionDiv + posWidth),(-232.0 / resolutionDiv - pockectTitleTxt->getContentSize().height + 5.0 / resolutionDiv));//50,-130 this->addChild(pockectTitleTxtReflection,4); for (int i = 0; i < pockectTitleTxtReflection->getStringLength(); i++) { Sprite* letter1pockectTitleTxt = pockectTitleTxt->getLetter(i); Sprite* letter1 = pockectTitleTxtReflection->getLetter(i); letter1->setFlippedY(true); letter1->setOpacity(25); letter1->setAnchorPoint(Vec2(0.5,0.5)); //关键的一步，拿到正面文字的每一个单词的位置，然后对应的位置付给对应的文字就好了 letter1->setPosition((letter1pockectTitleTxt->getPosition().x ),-155.0 / resolutionDiv - letter1pockectTitleTxt->getPosition().y - 50 / resolutionDiv);//50,-130 } 由于本人在模拟器和电视上做的，没有办法截屏就没有贴图片了，看的同学，多看看文字好了，不懂得可以留言，我看到就会回复；（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |