3D呈现展馆详情和企业介绍
1、利用threejs引擎加载glb模型呈现在web页面,设置天空盒、背景音乐、旋转角度、灯光;
2、车子飞机等小型物体移动:生成一条LineBasicMaterial线条材质轨迹线,颜色设置成白色,将线分割成100个点,让物体的position依次间隔设置成点的坐标,物体的方向通过lookat下一个点来设置;
3、适配pc和h5,h5在ios系统上加载大文件glb文件会闪退,应该是渲染高清图片导致内存太大,解决方案:利用gltf-pipeline将glb文件压缩,但是压缩效果不行,考虑将glb文件转成gltf带图片的文件,将gltf里面的图片用Python压缩,压缩后重新转换成glb文件,再压缩一遍glb文件,缺点就是图片模糊;
4、在企业的模型上方添加图片和点击光标,点击弹出企业介绍,弹出组件支持显示图片视频;
5、因为是采用h5开发,上线后代码会被暴露,用rollup压缩混淆代码。