求前端3D绘图解决方案?

1.需求描述:

项目中需要按用到3D绘图技术,题主最早接触绘图技术应该是在校时候学的Java Graphics2D,当时用这个哥们和Java AWT做坦克大战之类游戏,后来学了前端,用过div渲染和setTimeOut结合做一些简单的动画,最近项目中确实用到图形较多,然后学了echarts和cavans。但是最近有一个大模块,模拟石油钻井队井场的需求,大致需要做成下面这效果:
图片描述
上图是购买的其他公司的C/S客户端软件,我需要仿造该功能,使用实时数据,驱动图片动起来,其实动的地方不多,主要是钻头,大钩,泥浆,数据的采集和传输不是我要考虑的问题,我要考虑的问题是如何开发出这么一个前端页面?

2.可供方案:

  1. 组长建议使用canvas来实现,不过我觉得canvas自带api画2d平面图形应该没问题,画3d动画感觉难度太大。
  2. 有个thingjs,貌似操作挺便捷的,不过收费太贵,刚问过客服,说商用5.6万一套,小码农出的了这钱?聊天框直接关掉!
  3. 开源框架three.js,听说这个框架是专门做前端3d绘图的,我个人感觉这框架最适合。
  4. 其他大神有没有建议或者推荐的技术了?组长给我的时间是一个月,包括学习3D开发和完成这小球,大家觉得这时间需要够了么?还是刚刚好?学习three.js难度怎么样?所需的学习成本等等!

3.最后

至于为什么选择three.js框架,首次百度到的答案好几个都推荐使用这框架,其次,我看网上文章和教程挺多的,还有网友提供的Demo挺酷炫的,我感觉选择这框架应该没错。
如何用webgl(three.js)搭建一个3D库房,3D密集架,3D档案室,-第二课
threejs中文教程

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