cocos creator 文字描边效果

最新推荐文章于 2023-11-29 23:25:52 发布

weixin_33733810

最新推荐文章于 2023-11-29 23:25:52 发布

阅读量4.8k

点赞数

CC 4.0 BY-SA版权

文章标签：游戏 python javascript ViewUI

原文链接：https://my.oschina.net/u/2396236/blog/1817256

本文介绍了一种在微信小游戏中实现文字描边效果的方法。通过使用官方提供的LabelOutline脚本，可以轻松地为游戏中的文字添加描边，只需设置文字颜色、描边颜色及宽度即可。

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

2019独角兽企业重金招聘Python工程师标准>>>

公司做的微信小游戏，里面涉及文字描边的效果，找了一下，发现官方自带了一个LabelOutline脚本，只要在Label的节点上，挂上LabelOutline脚本，设置下文字和描边的颜色，描边的宽度，就OK了

转载于:https://my.oschina.net/u/2396236/blog/1817256

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33733810

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Cocos Creator _RichText组件

wy小骑士

10-18

1万+

RichText 组件用来显示一段带有不同样式效果的文字，你可以通过一些简单的 BBCode 标签来设置文字的样式。目前支持的样式有：颜色(color)，字体大小(size)，字体描边(outline)，加粗(b)，斜体(i)，下划线(u)，换行(br)，图片(img)和点击事件(on)，并且不同的 BBCode 标签是可以支持相互嵌套的。 RichText属性属性功能说明 ...

总结Cocos2d-x 3.0 中新字体标签Label

热门推荐

harbinxxh的专栏

10-11

3万+

来源网址：http://cn.cocos2d-x.org/tutorial/show?id=1624

参与评论您还未登录，请先登录后发表或查看评论

Cocos2d-x 2.x字体描边效果(Shader实现)

01-28

Cocos2d-x 2.X实现的一基于CCLabelTTF + Shader的字体描边效果，具体可以参考这篇博客，http://blog.youkuaiyun.com/oktears/article/details/43200757

【CocosCreator入门】CocosCreator组件 | LabelOutline（文本描边）组件 | LabelShadow（文本阴影）组件

看世界，也找自己

04-04

2794

Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中LabelOutline组件可以在Cocos Creator中的文本标签（Label）周围添加一个描边效果；LabelShadow组件可以在Cocos Creator中的文本标签（Label）周围添加一个阴影效果。

cocos creator基础-(八)cc.Label使用

weixin_30691871的博客

02-26

518

1: 掌握cc.Label组件使用;2: 掌握cc.RichText组件使用; cc.Label 1:cc.Label是显示文字的组件;2:cc.Label属性面板: 　　String: 文本显示的内容; 　　Horiznotal: 水平对齐的方式: 左右居中; 　　Vertial: 上, 下, 居中, 字与行的排版　　Font Size: ...

creator自定义控件-文字加边框的处理

zhengjcken的博客

11-26

1111

一直想做一个用一个方框把文字或者输入框包起来的效果,类似这个效果，折腾了好几天，自带的editbox和lable就没有设置border的东西,想了很久都没搞定，也在相关技术群里问了，给的回答是由美术出个方框图，然后自己弄了一个透明边框的图，效果也不好，一旦拉伸或者变形了，就会出现边框消失或者像素变形，左右粗细不一样或者旁边的边框没有了折腾了好几天，终于想到一个好办法上图新建一个空nod...

cocosCreator组件(CCLabelShadow)

01-14

基于cocosCreator的文字阴影组件自实现代码。native和canvas部分的代码都已加上；文章地址: https://blog.youkuaiyun.com/qq_15678393/article/details/86483853

CocosCreator 正多边形遮罩Shader

01-22

在CocosCreator 2.4.7中，正多边形遮罩Shader是一种技术，用于将精灵（Sprite）渲染成正多边形形状，从而实现更高效和灵活的图形裁剪效果。相比于传统的mask裁剪，它能降低DrawCall，提高游戏性能。DrawCall是图形...

cocos creator 3.0描边

最新发布

12-30

### 在 Cocos Creator 3.0 中实现文本或精灵的描边效果 #### 使用自定义 Shader 实现描边效果对于希望在 Cocos Creator 3.0 中为文本或精灵添加描边效果的需求，可以利用自定义Shader来达成这一目标。通过编写...

cocoscreator字体描边原理

06-07

其中，字体描边效果是通过在Label组件的属性面板中设置"Outline"来实现的。具体实现原理如下： 1. Cocos Creator使用BMFont格式的字体文件，其中包含了每个字符的纹理信息、位置信息和其他的元数据。 2. 在渲染...

使用 cocos creator 实现一个 label 文本颜色自动渐变然后缩小在变大，使用 Ts来实现的方法

baidu_34873973的博客

11-29

1413

/ 将颜色渐变为红色。// 设置动画结束后的回调函数，重新运行整个效果。// 创建动画并运行。

【杨宗宝】Cocos Creator 3.x : 你们要的Label3D来了（升级版）

carlos13207的博客

06-29

965

上边就是宗宝本次更新的所有内容，希望能给大家带来帮助；如需完整代码:关注公众号："搬砖小菜鸟"，回复"label3D"即可。

cocos ui的text设置描边的问题。

wanziqin的专栏

11-19

2889

本身text用的描边方式跟label的一致，但是调用的时候偶尔会发现无效，今天仔细观察了下现象，发现如果text不调用setFontName设置字体库的话就会出现无效，具体原因不知。

CocosCreator3.8研究笔记（二十）CocosCreator UI组件（四）

w风雨无阻w的专栏

09-22

1376

对于复杂的富文本，底层可能有十几个 label 节点，drawcall 数量会比较高，引擎为富文本组件提供了 Label 组件的文本缓存类型设置，来适当减少 drawcall 的增加。目前支持的样式有：颜色（color）、字体大小（size）、字体描边（outline）、加粗（b）、斜体（i）、下划线（u）、换行（br）、图片（img）和点击事件（on）。目前支持的标签类型有：size、color、b、i、u、img 和 on，分别用来定制字体大小、字体颜色、加粗、斜体、下划线、图片和点击事件。

Cocos Shader 图片去色变成灰色

第7维度 - 日常笔记

07-20

996

把一张彩色图片变成灰色，效果如下：代码如下： CCEffect %{ techniques: - passes: - vert: vs frag: fs blendState: targets: - blend: true rasterizerState: cullMode: none properties: texture: { value: white } .

CocosCreator Shader学习（一）：描边效果

三思而先行的博客

04-07

1万+

最近研究了一下CocosCreator的shader使用方法，并把自己学习期间写的一些效果分享出来。 CocosCreator版本：v2.3.2 官方学习链接：Material 材质介绍、Effect介绍（官方文档是最好的学习文档，一定要反复多看）描边效果原理：1.判断图片中的某个点周围8个点的alpha值。2.判断某点是否处于图片边缘。如上3图就是给精灵换材质并选定自...

CocosCreater 教程（中）

L的博客

11-19

2628

CocosCreater学习

cocoscreator文字阴影

qq_15678393的专栏

01-14

4137

CCLabelShadow当前使用的cocosCreator是1.9.3版本！因项目需求需要使用文字阴影，使得文字看起来更有立体感一些：通过查阅cocos关于Label的绑定的接口部分，看到native端的shadow接口是已经绑定到了js层了，只是在jsb-label中没有启用这个接口。这样添加起来就比较容易了。在jsb-label中添加一段使用代码，【这里jsb-label中的代...