分类:学习笔记

note

threejs 绘制太阳系各星球

threejs 绘制太阳系各星球
之前我们实现threejs实现地球围绕太阳公转轨道,接下来我们就可以绘制太阳系下面的其他行星了。 整理星球 首先我们需要整理星球,各个星球的纹理图,以及星球半径和公转半径,设置基本参数来控制星球半径和公转半径 data() { return { K:...

yekong 1年前 (2023-10-11) 喜欢

threejs实现地球围绕太阳公转

threejs实现地球围绕太阳公转
之前我们通过threejs创建地球和太阳实例,距离threejs创建太阳系近了一步,我们有了太阳有了地球,但是目前都是自转,我们需要让地球围绕太阳进行公转。 首先给星球添加标签 上一节,我们只是添加了星球,但是并没有给星球添加名称,这样不容易区分,所以这里我们需要添加一下名称,...

yekong 1年前 (2023-10-11) 喜欢

threejs创建地球和太阳实例

threejs创建地球和太阳实例
之前我们通过threejs创建了一个地球,距离threejs创建太阳系近了一步,今天我们在之前的基础上增加一个太阳。 上一节我们已经创建了一个地球,那么这一节我们只需要再增加一个太阳就可以了。我们对上一节的代码进行一下封装,我们将创建网格模型的方法进行封装,3个参数单独分离出来...

yekong 1年前 (2023-10-11) 喜欢

threejs实现一个自转的地球

threejs实现一个自转的地球
数据可视化大屏项目开发中,会遇到一些效果需要,比如实现一个太阳系的效果,或者实现一个地球自转的效果,今天通过threejs来实现一个地球自转的效果实例。 项目是使用vue+vite来开发的,所以首先我们需要安装一下threejs 安装threejs依赖 pnpm i three...

yekong 1年前 (2023-10-11) 喜欢

threejs 3d地图粒子效果下钻版 - 河北省

threejs 3d地图粒子效果下钻版 - 河北省
threejs 3d地图粒子效果项目中,我们需要下钻效果,准备了地图数据实现了河北省从省到市的下钻效果实例。 在线演示地址 threejs 3d地图粒子效果下钻版 - 河北省 效果截图 下钻效果 threejs 3d地图粒子效果河北省下钻到石家庄市效果图 threejs 3...

yekong 1年前 (2023-10-11) 喜欢

threejs 3d地图粒子效果下钻版 - 河南省

threejs 3d地图粒子效果下钻版 - 河南省
threejs 3d地图粒子效果项目中,我们需要下钻效果,准备了地图数据实现了河南省从省到市的下钻效果实例。 在线演示地址 threejs 3d地图粒子效果下钻版 - 河南省 效果截图 下钻效果 threejs 3d地图粒子效果河南省下钻到郑州市效果图 threejs 3d...

yekong 1年前 (2023-10-11) 喜欢

echarts上海市闵行区地图局部颜色渐变实例

echarts上海市闵行区地图局部颜色渐变实例
可视化数据大屏 项目中经常遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,所以将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是echarts上海市闵行区地图局部颜色渐变实例。 echarts上海市闵行区自定义背景图效果 采用底图加ec...

yekong 1年前 (2023-10-10) 喜欢

echarts柱状图数据过多dataZoom轮播显示

echarts柱状图数据过多dataZoom轮播显示
echarts柱状图数据过多时,客户会想让柱状图下的dataZoom自动切换轮播展示。 效果代码 实现思路 我们设置start和end两个值,定时每次增加20然后更新dataZoom当dataZoom达到100后,再从新开始,以此实现dataZoom的数据轮播显示。 <s...

yekong 1年前 (2023-10-10) 喜欢

threejs 3d地图粒子效果

threejs 3d地图粒子效果
threejs 3d地图粒子效果实例,可以结合threejs 3d地图实现省份下钻实例实现下钻。 演示实例 threejs 3d地图粒子效果 其他实例 带下钻实例的地图效果 threejs 3d地图粒子效果下钻版 - 江西省 threejs 3d地图粒子效果下钻版 - 河北省 t...

yekong 1年前 (2023-10-09) 喜欢