如何渐变透明效果

[dzxyan88 (Dzxyan)]

• Creator 版本：2.4.10

• 目标平台：网页

有没有办法弄渐变透明效果
我有个node，里面有很多 cc.label
我想呈现以下的效果

[593569186 (liansong888)]

鄙人太菜了，不会shader，我的话我可以叫美术出一个渐变的图给盖上去

[dzxyan88 (Dzxyan)]

都是字体 渐变图放上去 我的背景就不见了

[593569186 (liansong888)]

png格式的，怎么会把背景遮住呢

[tkhoi01281 (homym)]

1. 拿一个镜头渲染这些文案到renderTexture上
2. 建一个sprite渲染renderTexture
3. 用shader 把一张 顶部白底部全透明的纹理和renderTexture混合渲染(很简就， 单纯在片元vec4 o = texture2D(texture,v_vu0) * texture2D(mask,v_uv0))
4. 建立material使用shader
5. 将material付给sprite

[dzxyan88 (Dzxyan)]

大神 我没有这些基础 求详细教学

[wy_xin152 (Xin52)]

单个 Label 的话 可以用 Assembler 吧

Assembler学习记录，以及实现一个简单的颜色渐变效果

之前写的一个脚本，参数只改底部的透明度

[dzxyan88 (Dzxyan)]

const assembler = renderComponent[’_assembler’];

Cannot find name ‘renderComponent’. Did you mean ‘encodeURIComponent’?

这个应该如何解决？

[wy_xin152 (Xin52)]

好像漏了一句
const renderComponent = this.node.getComponent(cc.RenderComponent);

cc.Sprite 和 cc.Label 都继承自 cc.RenderComponent

[dzxyan88 (Dzxyan)]

可惜 我有很多不一样的cc.label在一起 这个办法不是很好用

[wy_xin152 (Xin52)]

毕竟这是针对单个的，或者根据子Label的高度动态调整一下每个字节点四角的透明度

[soida]

effect_gradient.zip (1.1 KB)

• mat直接挂你的每个label上就行.
• 设置mat的top值应用就行.
  
  
  
  
  
  
  
  
  
  

[ColaZhang]

上面盖一张半透的图