Cocos 3.8.3 实现外描边效果（逃课玩法）

原创 于 2024-09-25 19:59:12 发布 · 1.2k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#cocos2d

本来想着用Cocos 的Shader Graph照搬Unity的思路来加外描边，发现不行，然后我就想弄两个物体不就行了吗，一个是放大的版本，再放大的版本上加一个材质，这个材质面剔除选择前面的面剔除就行了，果不其然还真行。

Outline材质设置发射光颜色为描边颜色，描边的宽度就是物体的放大版本，虽然有点笨哈哈，

设置如下：

Cocos Shader入门学习案例，描边效果
weixin_52985165的博客
04-17 1093
Cocos Creator v2.4 中使用Shader实现2D物体的描边效果
CocosCreator Shader学习（一）：描边效果
热门推荐
三思而先行的博客
04-07 1万+
最近研究了一下CocosCreator的shader使用方法，并把自己学习期间写的一些效果分享出来。 CocosCreator版本：v2.3.2 官方学习链接：Material 材质介绍、Effect介绍（官方文档是最好的学习文档，一定要反复多看） 描边效果 原理：1.判断图片中的某个点周围8个点的alpha值。2.判断某点是否处于图片边缘。 如上3图就是给精灵换材质并选定自...
Cocos Shader 图片去色变成灰色
第7维度 - 日常笔记
07-20 1065
把一张彩色图片变成灰色，效果如下： 代码如下： CCEffect %{ techniques: - passes: - vert: vs frag: fs blendState: targets: - blend: true rasterizerState: cullMode: none properties: texture: { value: white } .
Cocos2d-x 2.x字体描边效果(Shader实现)
01-28
Cocos2d-x 2.X实现的一基于CCLabelTTF + Shader的字体描边效果，具体可以参考这篇博客，http://blog.csdn.net/oktears/article/details/43200757
【cocos creator】描边，外发光，内发光，加载shader
烧仙草奶茶的博客
04-11 9406
cocos描边shader 帖子： https://forum.cocos.org/t/cocos-creator-shader-effect-2020-02-17-cocos-creator-2-3-0/87889 git： https://github.com/zhitaocai/CocosCreatorShaderEffectDemo
cocos图片描边的方法
laozitianxia的专栏
01-06 6061
CCRenderTexture* createStroke(CCSprite* label, int size, ccColor3B color, GLubyte opacity) { CCRenderTexture* rt = CCRenderTexture::renderTextureWithWidthAndHeight( label->getTexture()
cocos3.8.3-旋转菜单
最新发布
12-30
cocos3.8.3版本中实现旋转菜单的相关知识，首先需要了解的是cocos3.8.3这个版本号代表了当前使用的是cocos引擎的3.8.3版本，这是一个流行的游戏开发框架，广泛应用于2D游戏和界面开发。在这个框架下，开发人员可以...
cocos来实现液体流动效果.zip
05-29
本主题将探讨如何利用cocos框架实现液体流动效果，这在游戏开发中经常用于模拟水流、瀑布或其他动态液体场景。为了实现这种效果，我们需要掌握以下几个关键知识点： 1. **粒子系统（Particle System）**： - 在...
Cocos Shader 不规则图片描边效果
第7维度 - 日常笔记
07-20 1542
开发中碰到需要给不规则图片添加秒变效果，效果如下 代码如下： CCEffect %{ techniques: - passes: - vert: vs frag: fs blendState: targets: - blend: true rasterizerState: cullMode: none properties: texture: { value: white
精选资源
cocos3.8.3打弹珠小游戏
08-01
基于cocos3.8.3碰撞系统做的一个打弹珠小游戏
火云开发课堂 - 《使用Cocos2d-x 开发3D游戏》系列 第十节:描边效果处理
红孩儿的游戏编程之路
09-01 2685
《使用Cocos2d-x 开发3D游戏》系列在线课程            第十节:描边效果处理 视频地址：http://edu.csdn.net/course/attend/1330/20810交流论坛：http://www.firestonegames.com/bbs/forum.php 工程下载地址：http://www.firestonegames.com/bbs/forum.php?mo
cocos图片描边
lemon
05-13 1272
图片描边需求如下： 可指定描边宽度 2. 可指定描边颜色3. 可用于字体 图片描边我所知道的方式有以下几种： Cocos2d-x 3.x中，字体用FreeType库，字体描边可以用FreeType自带的描边功能，实际效果没测过，但只能用于字体。 用RenderTexture，方法大概是把原图做一圈的偏移，渲染到同一张纹理上，他们相隔中心点的距离都是r，最后再把自己渲染到中间，核心代码大概这样： rt->begin(); for(int i = 0; i < 360; i +=
cocos 一个描边shader
丶祁寒的专栏
05-03 4009
原地址：http://blog.csdn.net/u011281572/article/details/44999609 对效率进行了优化 local glProgramState = node:getGLProgramState(); local texSize = node:getTexture():getContentSize(); if
cocos2d-x显示3d模型
各研发管理
06-13 297
如果cocos2d-x进化成一个2.5d游戏引擎的话，那应该会比现在更加强大。 纯3d的估计不会比Unity做的更好了，但是2.5d的应用还是具有很大的现实意义。 比如，小场景3d应用（3d立体童话书，3d麻将，3d水果忍者，3d魔方等等），2d地图加入3d 模型的2.5dmmo应用（这个不确定会不会比2d骨骼动画更有表现力或者是开发效率更高），小型3d mmo的开发（比如龙之召唤类卡牌游戏，这...
Cocosd2d 实现图像描边shader
在代码身上，用心去飞翔
06-29 2683
图片描边需求如下： 1. 可指定描边宽度 2. 可指定描边颜色3. 可用于字体 图片描边我所知道的方式有以下几种： 1. Cocos2d-x 3.x中，字体用FreeType库，字体描边可以用FreeType自带的描边功能，实际效果没测过，但只能用于字体。 2. 用RenderTexture，方法大概是把原图做一圈的偏移，渲染到同一张纹理上，他们相隔中心点的距离都是r，最后
【CocosCreator入门】CocosCreator组件 | LabelOutline（文本描边）组件 | LabelShadow（文本阴影） 组件
看世界，也找自己
04-04 3005
Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中LabelOutline组件可以在Cocos Creator中的文本标签（Label）周围添加一个描边效果；LabelShadow组件可以在Cocos Creator中的文本标签（Label）周围添加一个阴影效果。
cocos2dx描边shader
copymaster
01-09 850
Cocos2d-x 3.x的label使用了freetype字体引擎（http://www.freetype.org/），可以很轻松的实现描边和阴影效果。所以本篇文章只针对于sprite来实现描边效果。 varying vec4 v_fragmentColor; // vertex shader传入，setColor设置的颜色 varying vec2 v_texCoord; // 纹理坐标 un...
卡通渲染Cocos2d-x中的实现(描边与对物体表面颜色的色阶化)
domzhaosh
02-11 1711
卡通渲染Cocos2d-x中的实现 在一些类型的游戏中，使用卡通渲染能够将原有模型的一些细节剥离，使原本比较写实的模型变得卡通化。在这里，我向大家介绍简单介绍一下如何在Cocos2d-x中实现卡通渲染。 事实上，卡通渲染具体来说，可以分为两个部分：描边与对物体表面颜色的色阶化，这两部分，我们会分开具体来讲解： （一）描边 思路： 首先我们来说一说如何对物体进行
cocos2dx 描边原理
翻肚鱼儿的博客
09-27 874
对于cocos2dx 描边原理，如果不考虑效率的话，我们可以使用下面的3种方式来做一下： 利用CCLabelTTF制作文字描边和阴影效果； 利用CCRenderTexture渲染文理的方式生成带有描边效果的文字； 利用shader来实现，使用cocos2dx中CCGLProgram类与OpenGl绘图机制中的着色器交互来实现； 本文主要研究前两种。前两种方式从原理来说都是利用多个CCLabelTTF的重叠来做的，只不过第二种方式是使用CCLabelTTF绘制了一个带有描边效果的文字图片。 利用CCLa.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值