请问实现这种3D效果需要掌握哪些技术?

效果如下面的链接
demo
我的问题有以下几个:

  1. 这种效果需要学习什么技术?
  2. 有什么免费工具可以快速达到这种效果?
  3. 前端开发需要掌握构建这种3D图的技能吗?
  4. 如果需要,从哪里可以找到相关的学习资料或者开源代码?

我对这方面完全不了解,求高人指点一下,谢谢了~

阅读 2.7k
2 个回答
  1. 前端 3D 解决方案在技术方面,最好通过 WebGL 来实现,也可通过 CSS3、 canvas 等技术来实现,但都属于奇技淫巧,不推荐,WebGL属于浏览器原生支持的技术,接口比较简陋,因此建议学习使用一些基于WebGL的封装好的库,比如 3d.js,需要说明的是,3D相对于2D而言,需要更加扎实的计算机图形学基础;
  2. 高德地图、百度地图都有 3D 地图的API,非商业情景可以免费使用,商业化产品需要授权,Google 地图肯定也有相应API,但是用起来可能不太方便,还有 Airbnb 、Uber等公司也有推出相应的 GEO 可视化解决方案,其他的还有一些业已商业化的产品,用起来会比较舒心;
  3. 这种3D图的技能属于前端中较为高大上的部分,类似于军工里造航母的技术,而很多国家是造不起航母的,当然,随着 5G通信技术的普及,一些之前掣肘于数据传输的 VR 、AR技术会得以普及,前端对3D技术人才的需求会增加;
  4. 先学会使用 Github,然后问题4你自己就可以回答了。

做数据可视化,工资很高的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题