Coco2dx 图文混排 (一)

最新推荐文章于 2023-12-24 11:46:44 发布
最新推荐文章于 2023-12-24 11:46:44 发布
阅读量1.4k 收藏
点赞数
分类专栏： C++ Texture 游戏相关 Coco2dx 文章标签： C++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whbzealot/article/details/18045103
版权
C++ 同时被 3 个专栏收录
13 篇文章 0 订阅
订阅专栏
游戏相关
13 篇文章 0 订阅
订阅专栏
Texture
3 篇文章 0 订阅
订阅专栏

如果要图文混排的话 我们不能使用CCTTFLabel

由于CCTTFLabel的字体总是在渲染时先渲染到一个Image上面 如果我们要渲染一个同样的字很多次的话 就效率太低了

那么我们选择CCSpriteBatchNode来渲染字体 并用CCRenderTexture把要渲染的字体缓存到一张大的纹理上面


对于图片来说 CCSprite可以很好的满足我们需求,那么我们吧这些东西都混排到一起 就完成了图文混排


中间的橘色字体是经过缩放的图片 其他是不同大小的字体


这样我们就可以在游戏的聊天框里面支持表情或者插入装备之类的功能了



具体的绘制原理



昵称90天可以改一次
关注
专栏目录
Coco2dx 图文混排 (二) 文字缓存
whbzealot的专栏
01-11 1464
我们使用CCRenderTexture来缓存文字,这样文字的渲染效率要高一些 这里就需要用到CCSpriteBatchNode来绘制大量的CCSprite 这样的绘制有个人好处就是不用切换纹理,众所周知切换纹理是很非常耗时的一个显卡操作,那么当我们使用CCSpriteBatchNode时 只需要一个drawcall就可以绘制全部的字体 效率是非常高的 1. 创建RenderT
PyQt5最全50 表格之在单元格实现图文混排的效果
爱吃肉的牛牛的博客
12-08 413
PyQt5最全50 表格之在单元格实现图文混排的效果 from PyQt5.QtWidgets import * from PyQt5.QtGui import * from PyQt5 import QtCore import sys class CellImageText(QWidget): """ 在单元格实现图文混排的效果 QTableWidgetItem(QIcon('0.png'), '背包') """ def __init__(self):
cocos2dx-js 图文混排聊天
06-26
图文混排聊天 能看懂js代码 编译一下引擎文件 导出js接口就可以直接用
Cocos Creator RichText图文混排
gamedaybyday
02-23 2319
版本：2.4.4 一 使用RichText图文混排 二 动态加入图片 一 使用RichText图文混排 将多张表情图标使用TexturePackerGUI合图 将合图拖动到RichText的ImageAtlas属性上 插入图片使用<img>标签，设置src属性为合图其中一个spriteFrame的名字， 例如设置RichText的string为 <color=#...
cocos2dx图文混排(三)
whbzealot的专栏
01-11 2125
有了文字渲染 那么图片渲染是很简单的(是个人都知道拉 CCSprite* S = CCSprite::createWidthSpriteFrame(FrameName) ); 那么我们只要创建一个 CCNode* N然后把 CCSprite和写满字体的CCSpriteBatchNode都加到N的子节点就可以了撒 相信是比较简单的 但是为了给外界一个方便的接口 我们还是是用Set
cocos creator笔记(12)
qq_36936831的博客
09-27 644
屏幕Canvas，图文混排，屏幕适配与遮罩，按钮与布局，滑动进度控件，输入框，补充控件
基于python的word批量图文排版
WolfHound
10-13 2349
python操作word的神器python-word，让word工作效率飞起来！
一个很好用的图文混排label
04-04
源码LYCoreLabel，NSString *coreTextString = @"CoreText[/爱心]框架是基于 iOS 3.2+ 和 OSX 10.5+ [/握手]的一种能够对文本格式和文本布局进行精细控制的文本引擎。它良好的结合了 UIKit 和 Core Graphics/Quartz...
实现带网络图片的html图文混排.docx
05-18
为了实现图文混排，我们需要自定义一个ImageGetter类，名为MyImageGetter。在这个类中，我们将重写getDrawable方法，使用Glide加载网络图片，并将其转换为Drawable对象。 public class MyImageGetter implements ...
egret_基于TextFlow属性实现图文混排.rar
12-05
通过以上步骤，我们可以创建一个能够解析和显示图文混排的自定义`RichTextField`组件。在实际项目中，开发者可以像使用普通`TextField`一样使用`RichTextField`，只需提供包含`<img>`标签的富文本字符串，就能实现...
GG即时通讯系统GGTalk 6.2 源码版.rar
05-27
GG即时通讯系统GGTalk，包括客户端、服务端、数据库，可在广域网部署使用。支持：文字/语音/视频聊天，文件传送，离线文件，离线消息，视频会议，性能稳定，绝不是一个玩具或demo。GG即时通讯系统GGTalk 6.2 源码版 更新日志：2019-01-03PC版修复bug:更新组成员时，没有更新组的version；修复MySQL分页错误，以及查询聊天记录错误；Android版:增加好友在线状态、群聊等功能。已实现的功能：（01）注册、登录、查找用户、添加好友、好友列表。（02）自拍头像。（03）文字聊天、字体设置、GIF动态表情、窗口震动、截图、手写板、登录状态（在线、离开、忙碌、勿打扰、隐身）、输入提醒（04）群功能：创建群、加入群、退出群、群聊天（05）文件传送、文件夹传送（支持断点续传）（06）语音视频聊天（07）远程磁盘（08）远程协助（09）共享桌面（可以指定要共享的桌面区域）（10）可靠的P2P（11）网盘   （12）离线消息（13）离线文件（14）托盘闪动：跟QQ完全一样，当接收到消息时，托盘会闪动对应好友的头像。点击头像，将弹出与好友的聊天框。（15）最近联系人列表（16）系统设置：开机自动启动、麦克风设备索引、摄像头设备索引，叉掉主窗口时关闭程序还是隐藏窗口。（17）聊天记录：支持本地保存和服务器端保存两种方式。（18）好友分组：新增/删除分组，修改分组名称，改变好友的所属分组。（19）打开聊天窗口时，自动显示上次交谈的最后一句话。（20）输入提醒：像QQ一样，当对方正在输入消息时，我这边的聊天框可以看到对方“正在输入”的提示。（21）自动记录：GG2014会自动记录上次打开的主界面的位置、大小；最后一次打开的聊天窗口的大小；最后一次设定的字体的颜色、大小等。 （22）主窗体靠边自动隐藏。（23）录制视频聊天。（24）支持数据库（SqlServer2000/2005/2008），并可以通过配置在真实数据库和虚拟数据库之间自由切换。 （25）语音视频设备测试   （26）聊天消息加密
280DMIB最新固件
04-09
一汽大众280DMIB最新固件，主要针对前期版本BUG的修复。
TR069连接下载
12-06
TR069连接下载
cocos 实现富文本
造梦空间
09-18 2007
cocos 实现富文本 例子: local str = string.format( "每次兑换扣除%s点活力,获得%s经验。", string.format( "<font size='20' fontPath='fonts/font.ttf'>%s</font>", 1), string.format( "<font color='#%s' ty...
Python patchworklib任意合并子图，多图形混合排版
最新发布
cdl3的博客
12-24 732
使用Python patchworklib库实现任意合并子图，多图形混合排版。给出了matplotlib和seaborn自由拼图范例。
Python-tkinter图形界面设计初探
一入編程深似海!
12-05 927
Tkinter是Python自带的GUI工具包，相比较市面上支持Python 的“GUI 工具包”，Tkinter最为简单，而且不需要下载安装，随时使用，跨平台兼容性非常好，在学习Python的过程中要做一些简单工具，可以考虑使用Tkinter。
unity 图文混排方案
llsansun的博客
03-05 4190
在我们工作中，可能经常有这样的需求，就是需要图文混排，因为这个对于原生或web都是比较容易的事情。但是我们用unity的话，首先unity最开始只想做纯游戏侧的引擎，一开始甚至还没有一个商业化的ui工具，后面才结合了ngui成为ugui，当然现在也出现了uielement。但要做到图文混排一开始还是不容易的，需要四处找插件，甚至需要自己想办法文字和图片自己做结合来实现。 经过了一段时间后unit...
Label 的图文混排
qq_24143647的博客
05-24 371
1.oc的写法   // NSTextAttachment --附件     NSTextAttachment *atext = [[NSTextAttachment alloc] init];     atext.image = [UIImage imageNamed:@"d_aini"];          //lineHeight 与字体的大小有相似
CSS布局实例：图文混排与图像特效
在CSS布局中，图文混排是一项基本但重要的技能，它能够使网页内容更加丰富和美观。例如，在示例代码中，通过设置不同的CSS样式，实现了图像和文本的并排显示。`float:left;` 属性用于让图像(`#img` ID)向左浮动，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值