数据可视化大屏项目开发过程中,我们需要进行一些装饰效果,比如实现的echarts地图,如果有一个发光的动态底座的话,那就更好了,今天我们来实现这种效果。
最终效果
要实现发光的底座前,我们首先需要实现底座。
创建图层
我们首先创建一个1000*1000的项目
绘制第一个圆
绘制第二个圆
绘制辐射层
给我们的内圆添加刻度
添加反向遮罩
添加第三个圆
在圆中心再添加一个小圆
最外层添加虚线圆
在最外层再次添加一个圆,这个圆我们用虚线来实现 描边宽度:10.0 虚线:130
第二个虚线圆
我们再次添加一个虚线圆 虚线宽度大一点 描边宽度:47.0 虚线:12.0
虚线内增加刻度
我们创建一个小矩形,然后通过中继器实现小刻度
添加小点装饰
添加旋转效果
我们给这个做出来的轮盘状态增加两个旋转的动画。
预合成
我们选中所有的图层,然后预合成,为下面的旋转底座做准备
3d层面配置
我们添加一个摄像机,并调整我们旋转底座x轴的坐标,这里我们给旋转底座增加色调,将原本的白色设置为蓝色,并使用deep glow 来给底座增加一个发光的效果。
增加光线
我们增加一个调整图层,并给调整图层添加shine然后微调shine光源的位置达到我们的效果。