javascript Threejs-in-autonomous-driving-6圆矩 绘制各种几何体是webgl的强项,相反各种异性几何体就非常麻烦。比如圆角矩形来说在webgl中绘制就相对比较麻烦。在css中给矩形加上border-radius就可以轻易实现。在webgl中就非常麻烦了。
javascript Threejs-in-autonomous-driving-5图片替代模型 在自动驾驶实际中的研发工具中,camera一般是跟随主车进行移动的。那么主车是以固定视角展示给用户的。所以并不需要使用一个很漂亮的模型。由此可见我们完全可以使用图片来代替主车模型。来加速我们的页面加载速度和提升视觉效果。
javascript Threejs-in-autonomous-driving-3merge-geometry 由于使用场景的关系,我们的产品主要设备是ipad,使用软件为chrome或者safari。对webgl无节制的使用,很容易造成灾难性的后果崩溃。所以我们要减少cpu和memory的使用。
javascript Threejs-in-autonomous-driving-2模型精简 在开发准备阶段建模同学都会提供一个车模, 从前段考量一般来说超过100kb都算是大文件了,这个模型一般是obj+mtl文件,这两个一般都会超过MB。推动精简的话都非常都难。