最新发布 第260页

完竣世界-关注前端分享心得

echarts

echarts沧州市黄骅市地图3d地图实例旋转动画效果实例

echarts沧州市黄骅市地图3d地图实例旋转动画效果实例
数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理沧州市黄骅市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。 黄骅市,河北省辖县级市,由沧州市代管。因纪念1...

yekong 2年前 (2023-03-27) 喜欢

threejs

threejs绘制地球围绕太阳公转轨道

threejs绘制地球围绕太阳公转轨道
之前我们实现threejs实现地球围绕太阳公转,距离threejs创建太阳系近了一步,地球围绕太阳公转了,我们需要绘制一条线用来表示公转轨道。 创建轨道方法 通过three方法我们可以使用ArcCurve来绘制轨道,我们创建一个绘制轨道的方法 import * as THREE...

yekong 2年前 (2023-03-26) 喜欢

vue

vue vite引入glsl文件

vue vite引入glsl文件
vue vite项目中引入glsl文件后会报错Unexpected identifier 'vec2',我们需要配置一下vite-plugin-glsl。 安装依赖 pnpm i vite-plugin-glsl 编辑vite.config.js文件 import {defin...

yekong 2年前 (2023-03-25) 喜欢

threejs

threejs 实现发光描边闪烁效果

threejs 实现发光描边闪烁效果
threejs实现发光描边后,我们可以继续深入学习,进行更多的设置。 OutlinePass有很多控制高亮外边框样式的属性,下面介绍几个比较常用的属性。 OutlinePass描边颜色 OutlinePass描边颜色,通过visibleEdgeColor来实现,默认是白色 out...

yekong 2年前 (2023-03-24) 喜欢

threejs

threejs 实现高亮发光描边效果

threejs 实现高亮发光描边效果
threejs会遇到一些需求,比如模型选中后,添加一个高亮描边的效果,表示当前模型选中了,那么如何实现描边呢? 这里我们可以使用OutlinePass来实现高亮发光描边效果 后期处理需要用到EffectComposer.js效果合成器,对threejs进行后期处理。 引入Effe...

yekong 2年前 (2023-03-24) 喜欢

echarts

echarts沧州市泊头市地图自定义label样式演示实例

echarts沧州市泊头市地图自定义label样式演示实例
数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理沧州市泊头市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。 泊头,河北省辖县级市,由沧州市代管。位于河北东南部,地理坐...

yekong 2年前 (2023-03-24) 喜欢

echarts

echarts沧州市献县地图全局颜色渐变效果实例

echarts沧州市献县地图全局颜色渐变效果实例
随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理沧州市献县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。...

yekong 2年前 (2023-03-24) 喜欢