1.需求描述:
项目中需要按用到3D绘图技术,题主最早接触绘图技术应该是在校时候学的Java Graphics2D,当时用这个哥们和Java AWT做坦克大战之类游戏,后来学了前端,用过div渲染和setTimeOut结合做一些简单的动画,最近项目中确实用到图形较多,然后学了echarts和cavans。但是最近有一个大模块,模拟石油钻井队井场的需求,大致需要做成下面这效果:
上图是购买的其他公司的C/S客户端软件,我需要仿造该功能,使用实时数据,驱动图片动起来,其实动的地方不多,主要是钻头,大钩,泥浆,数据的采集和传输不是我要考虑的问题,我要考虑的问题是如何开发出这么一个前端页面?
2.可供方案:
- 组长建议使用canvas来实现,不过我觉得canvas自带api画2d平面图形应该没问题,画3d动画感觉难度太大。
- 有个thingjs,貌似操作挺便捷的,不过收费太贵,刚问过客服,说商用5.6万一套,小码农出的了这钱?聊天框直接关掉!
- 开源框架three.js,听说这个框架是专门做前端3d绘图的,我个人感觉这框架最适合。
- 其他大神有没有建议或者推荐的技术了?组长给我的时间是一个月,包括学习3D开发和完成这小球,大家觉得这时间需要够了么?还是刚刚好?学习three.js难度怎么样?所需的学习成本等等!
3.最后
至于为什么选择three.js框架,首次百度到的答案好几个都推荐使用这框架,其次,我看网上文章和教程挺多的,还有网友提供的Demo挺酷炫的,我感觉选择这框架应该没错。
如何用webgl(three.js)搭建一个3D库房,3D密集架,3D档案室,-第二课
threejs中文教程
Unity
https://unity.cn/