在学习 Shader 的过程中做的小案例,在 Creator v2.4.10 实现2D物体的描边效果。 outline.mtl、outline.effect用于描边效果 创建SpriteNode 节点, 给其添加上图和outline.mtl材质。 参考自: 参考.png CCEffect 中添加 propertie: properties:outlineWidth:{value:0.01,editor:{tooltip:'描边宽度'}}outlineColor:{valu...
accum*(1.0-normal.a)就是当normal.a=1时,红色描边图就变成(1.0-nomal.a)=(1.0-1.0)=0,意思就是原图不透明的地方,描边图变透明 当normal.a=0时,红色描边图就变成(1.0-normal.a) = (1.0- 0) = 1.0,意思就是原图透明的地方,描边图不透明。 如下图所示,这样就得到了一个红色描边。 如果再加上原图...
你说的shader是butter按钮组件里面的吗?如果是的话,但我这个并不是要点击之后才加白边啊,是显示的时候就加白边, 你说的那个outline 是给字体加白边把?能给精灵sprite加边吗?maxtree (maxkon) 2023年03月28日 08:02 #4 我就是想给spine动画加百边 首页...
import { Sprite } from 'cc'; const sprites = node.getComponentsInChildren(Sprite); public getComponentsInChildren (className : string) : Component [] 继承自:enabledInHierarchy 递归查找自身或所有子节点中指定类型的组件。 输入参数 名称类型描述 className string A string for the class name of the ...
keyword:良辰乐cocos creator各个模块的作用和含义吗 1. Core模块 字节数: 0, 代码行数: 0, 文件名: [] 2. Canvas模块 功能:屏幕适配 字节数: 9059, 代码行数: 285, 文件名: CCCanvas.js 3. Sprite模块 功能:显示纹理图片,支持九宫、拉升、平铺、裁剪等功能 ...
定义于https:/github.com/cocos-creator/engine/blob/master/cocos2d/core/components/CCLabelOutline.js:55 示例 outline.color =newcc.Color(0.5,0.3,0.7,1.0);; width 改变描边的宽度 metadescription 类型Number 定义于https:/github.com/cocos-creator/engine/blob/master/cocos2d/core/components/CCLabelOutline.js...
以下是Cocos Creator项目中的一些重要模块及其功能的简要说明: 1. Core模块:这是项目的基础模块,包含了所有其他模块都需要使用的基本功能。 2. Canvas模块:此模块用于屏幕适配,作为UI根节点,为所有子节点提供视窗四边的位置信息以供对齐,另外提供屏幕适配策略接口,方便从编辑器设置。 3.Sprite模块:此模块用于在场景中...
渲染卡通描边 misc/silhouette-edge 渲染天空 misc/sky 后期处理或通用计算 Pass misc/quad 引擎预留 只需要在 Surface Shader 组装 环节引用对应的头文件,就可以完成渲染流程。 比如,在 internal/effects/builtin-standard.effect 中,我们可以看到应用案例: glsl CCPogram standard-vs %{ ... #include <shading...
Cocos Creator中称为Label,此外还有RichText组件 使用LabelOutline和LabelShadow可以快速实现描边和阴影 富文本和文本是分离的。 请注意: 字体内部全部名称和字体名称需要一致,而且必须都是英文,否则字体无效(Windows平台) 图片&精灵(Image&Sprite) Unity中有Image,此外二维物体中具有精灵(Sprite) Cocos Creator没有Image的...
该版本修复了之前 ZERO 混合模式无效的问题,如果升级后发现有图片颜色不对,请检查 Sprite 组件的混合模式是不是被设成了 ZERO,是的话改回默认值即可。 该版本重写了动画编辑器,如果有遇到相关错误,麻烦到论坛反馈,我们会尽快进行修复。 详细改动如下: