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 的过程中做的小案例,在 Creator v2.4.10 实现2D物体的描边效果。 outline.mtl、outline.effect用于描边效果 创建SpriteNode 节点, 给其添加上图和outline.mtl材质。 参考自: 参考.png CCEffect 中添加 propertie: properties:outlineWidth:{value:0.01,editor:{tooltip:'描边宽度'}}outlineColor:{valu...
Creator描边Shader在WebGL模式下没有效果 Creator 2.x 626928256 (濑户一贵) 2018年05月22日 08:43 #1 如题,项目中需要用到shader对某些节点进行描边,在测试模拟器上,描边正常 QQ图片20180522163808.png1040×807 61.2 KB 但是到网页端的WebGL模式下,不光没有效果,而是整个节点都消失了 QQ图片20180522163953....
stroke.fsh:描边片段着色器 varying vec4 v_fragmentColor;// vertex shader传入,setColor设置的颜色varying vec2 v_texCoord;// 纹理坐标uniformfloatoutlineSize;// 描边宽度,以像素为单位uniform vec3 outlineColor;// 描边颜色uniform vec2 textureSize;// 纹理大小(宽和高),为了计算周围各点的纹理坐标,必须传...
非常非常感谢大神们分享的相关博文!然后,这个是借鉴了CocosCreator Shader学习(一):描边效果修改的,再次万分感谢楼主!!! 起因是,需要文字下阴影,但是自带的labelShadow在手机上面不显示,才想到用材质实现的。有点锯齿,不知道怎么解决,不过手机上看还好能看得过去。直接贴代码了: ...
渲染卡通描边misc/silhouette-edge 渲染天空misc/sky 后期处理或通用计算 Passmisc/quad引擎预留 只需要在Surface Shader 组装环节引用对应的头文件,就可以完成渲染流程。 比如,在 internal/effects/builtin-standard.effect 中,我们可以看到应用案例: glsl CCPogram standard-vs%{...#include<shading-entries/main-func...
Cocos Creator 提供了内置卡通渲染着色器builtin-toon.effect,以此为例,我们在材质资源中将Effect属性切换为builtin-toon.effect,可以看到卡通渲染由两个渲染过程(Pass)组成: 渲染过程 0(Pass 0):用于描边,默认不启用,可勾选右侧的USE_OUTLINE_PASS开启。
经过一段时间的迭代,这次终于升级到了正式版!这个版本的Effect编译语法和Cocos Creator 3D保持一致,可以使用VS Code的Cocos Effect插件进行编写,只是内置的一些shader变量名字有些区别。之前在旧版Creator中对材质进行过定制的开发者们,可以根据文档尝试升级到正式版,如果有遇到困难可以在论坛发帖求助。
Base._draw 根据 Effect , Technique , Pass 的数据，得到 shader ,并为 shader 设置好 webgl 状态和各个 Uniform 变量，最后调用 device.draw 完成一个渲染流程。根据渲染流程，可推测， cocos creator 的材质系统也是三层: Effect , Technique , Pass 。 Material 继承 Asset ，对 Effect 作进一步...
你说的shader是butter按钮组件里面的吗?如果是的话,但我这个并不是要点击之后才加白边啊,是显示的时候就加白边, 你说的那个outline 是给字体加白边把?能给精灵sprite加边吗?maxtree (maxkon) 2023年03月28日 08:02 #4 我就是想给spine动画加百边 首页...