如何使Three.js ShaderMaterial梯度变为透明开发者社区

相关文章推荐

憨厚的金鱼 · 2023级高等学历继续教育新生报到须知-山西 ...· 2 周前 ·

光明磊落的消防车 · 年夜饭外卖热销年货“反向狂奔”_中国经济网― ...· 3 月前 ·

眼睛小的香菜 · I社你搞的新游戏，好像哪里不对劲啊？· 8 月前 ·

温柔的汽水 · 如何评价电影《蜘蛛侠：纵横宇宙》的画面质感和 ...· 8 月前 ·

坚韧的冲锋衣 · 民间故事：渔夫集市卖鱼，每天收到一颗鬼牙，他 ...· 1 年前 ·

腾讯云

开发者社区

文档建议反馈控制台

首页 TVP

最新优惠活动

文章/答案/技术大牛

发布

 var custom3Material = new this.$three.ShaderMaterial({
                 uniforms: {
                   vlak3color1: { value: new this.$three.Color('#31c7de')},
                   vlak3color2: {type: 'vec2', value: new this.$three.Color('#de3c31')},
                   positionVlak3: {value: -3.5},
                 vertexShader: `
                   varying vec3 vUv; 
                   void main() {
                     vUv = position; 
                     gl_Position = projectionMatrix * modelViewMatrix * vec4(position,1.0);
                 fragmentShader: `
                  uniform vec3 vlak3color1;
                   uniform vec3 vlak3color2;
                   uniform float positionVlak3;
                   varying vec3 vUv;
                   void main() {     
                   gl_FragColor = vec4(mix(vlak3color1, vlak3color2, vUv.y-positionVlak3), 1);
              });

void main() {
    // y < 0 = transparent, > 1 = opaque
    float alpha = smoothstep(0.0, 1.0, vUv.y);

推荐文章

憨厚的金鱼 · 2023级高等学历继续教育新生报到须知-山西师范大学继续教育学院

2 周前

光明磊落的消防车 · 年夜饭外卖热销年货“反向狂奔”_中国经济网――国家经济门户

3 月前

眼睛小的香菜 · I社你搞的新游戏，好像哪里不对劲啊？

8 月前

温柔的汽水 · 如何评价电影《蜘蛛侠：纵横宇宙》的画面质感和动画风格？ - 知乎

8 月前

坚韧的冲锋衣 · 民间故事：渔夫集市卖鱼，每天收到一颗鬼牙，他装聋作哑得了善报|大亮|青衣|阎王爷_网易订阅

1 年前

问 如何使Three.js ShaderMaterial梯度变为透明 EN

回答 1

Stack Overflow用户