渐变材质

简介

1 .实现彩虹，所有的渐变都可以用和这个操作
2 .只能创建两种颜色，多种颜色的渐变需要创建多种材质，然后合并起来。这也太骚了吧。感觉这些都有很大的扩展空间啊
3 .

var gradientMaterial = new BABYLON.GradientMaterial("grad", scene);
                gradientMaterial.topColor = new BABYLON.Color3(0, 0, 1);
                // 初始的颜色
                gradientMaterial.bottomColor = new BABYLON.Color3(0, 0, 0);
                // 需要变化到的颜色
                gradientMaterial.offset = 0.5;
//y轴偏移颜色的数字!
                gradientMaterial.scale=0.6
                
                gradientMaterial.smoothness = 1;
                // 沿Y轴颜色变化的速度
                box.material = gradientMaterial;

截屏2022-01-04 下午10.12.09.png
截屏2022-01-04 下午10.12.23.png 截屏2022-01-04 下午10.12.35.png

可以看出这个scale参数好像是提升和降低颜色亮度的。