Three.js地球开发—3D经纬度等比地图,3D飞行航线最终效果

大致原理:

一. 3D经纬度等比地图思路:
通过读取解析json格式存储的世界地图坐标信息,实现3D球面的地图经纬度等比映射,基于此还可以进行更多的开发。

二. D动态航线思路:
2.1 先绘制二维XOY平面绘制关于Y轴对称的飞行圆弧轨迹线
借助Three.js的ArcCurve创建圆弧曲线,绘制二维XOY平面绘制关于Y轴对称的飞行圆弧轨迹线;

2.2 三维空间中绘制任意两点的飞行圆弧轨迹线
在三维空间中绘制任意两点的飞行圆弧轨迹线,借助之前在XOY平面的绘制的关于Y轴对称的轨迹线,通过一系列旋转得到任意三维空间中两点的轨迹线。可以看作一个求逆的过程;把3D球面上任意的两个飞线起点和结束点绕球心旋转到到XOY平面上,同时保持关于y轴对称,借助旋转得到的新起点和新结束点绘制一个圆弧,最后把绘制的圆弧反向旋转到原来的起点和结束点即可。

2.3 三维轨迹动态飞线特效
主要是shader的应用。

最终效果:

在这里插入图片描述

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值