Unity3d C# 修改_EmissionColor的Intensity实现灯光渐变效果功能

前言

室内的应用场景中经常需要如题的功能,灯光的强度属性倒是可以直接修改intensity,但是发光效果的模型(如灯光)的自发光效果强度也要相应修改,当然可以直接替换材质实现,不过效果不理想,在很灯多模型的情况下控制也麻烦,最好是公用的材质直接修改。

效果

在这里插入图片描述

实现

在编辑器下是可以直接修改:
在这里插入图片描述

那么我们要做的就是用脚本修改这个数值。

先用方块大致搭建个场景:

在这里插入图片描述

球体当做灯泡,在内部添加个点光源。
球体的材质使用Standard,勾选Emission选项和设置颜色。

根据这个编写脚本:

using UnityEngine;

public class IntensityCtrl : MonoBehaviour
{
    public Light Lit;
    public Material LitMat;
    Color InitCol = new Color(0.749f, 0.361f, 0.361f, 1.000f);
    [Range(-1,1)]
    public float intensity = 0;
    private void Start()
    {
        LitMat.SetColor("_EmissionColor", InitCol);
    }
    void Update()
    {
        float factor = Mathf.Pow(2, intensity);
        LitMat.SetColor("_EmissionColor", new Color(InitCol.r * factor, InitCol.g * factor, InitCol.b * factor));
        Lit.intensity = intensity;
    }
}

实现就是根据range的滑动条修改灯的强度值和修改材质的EmissionColor颜色值。

ECharts 是百度开源的一个非常强大的数据可视化库,可以用于制作各种类型的图表,包括 3D 地图。在 ECharts 中实现 3D 飞线效果需要使用 echarts-gl 这个扩展库。 具体实现过程如下: 1. 引入 echarts 和 echarts-gl 库: ```html <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/echarts-gl/1.1.1/echarts-gl.min.js"></script> ``` 2. 定义地图配置项: ```javascript var option = { globe: { baseTexture: 'img/earth.jpg', heightTexture: 'img/bathymetry_bw_composite_4k.jpg', displacementScale: 0.1, shading: 'realistic', environment: 'img/starfield.jpg', realisticMaterial: { roughness: 0.2 }, postEffect: { enable: true, SSAO: { enable: true, radius: 2, intensity: 1.5, quality: 'high' } }, light: { ambient: { intensity: 0.1 }, main: { intensity: 1.5 } }, viewControl: { autoRotate: true, autoRotateAfterStill: 10, targetCoord: [116.46, 39.92], distance: 200, minDistance: 150, maxDistance: 300 }, layers: [{ type: 'lines3D', coordinateSystem: 'globe', blendMode: 'lighter', polyline: true, lineStyle: { width: 1, color: '#00ffff', opacity: 1 }, data: [] }] } }; ``` 其中,globe 表示创建地球的配置项,baseTexture、heightTexture、environment、realisticMaterial 等属性用于设置地球的表面材质、高度图、环境光、反光度等参数。layers 表示在地球上添加的图层,这里使用 lines3D 表示添加飞线的效果。 3. 添加数据: ```javascript var data = [ [{ coord: [116.46, 39.92] }, { coord: [121.48, 31.22] }], [{ coord: [116.46, 39.92] }, { coord: [113.40, 23.10] }], [{ coord: [116.46, 39.92] }, { coord: [104.06, 30.67] }], …… ]; option.globe.layers[0].data = data; ``` 其中,data 数组包含每条飞线的起点和终点坐标。 4. 渲染图表: ```javascript var chart = echarts.init(document.getElementById('chart')); chart.setOption(option); ``` 通过调整 viewControl 的参数,可以控制地球的初始位置、缩放比例等。 以上就是实现 ECharts 3D 飞线效果的全部过程。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

十幺卜入

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值