项目起因
因本人从事三维开发已久,基于U3D开发的时间比较长,遇到了一些问题:例如模型制作周期长,部分插件不完善问题暴露出来,后来接触到krpano,发现利用全景展示实景可以大大节约制作成本,所以开始了krpano的研究,并基于krpano完成了一个独立项目
效果图介绍
图一. 首页进入地图导航及场景导航,语音播放,热点跳转
图二.图集展示
图三.动态热点展示,滚动字幕,3D环物展示
图四..三维物体展示
技术栈
该项目话费了一定精力,前端采用HTML+CSS+JS完成基本演示及逻辑开发,结合krapno工具进行场景生成,后台采用node+express+pm2搭建服务,支持多并发,高可用;
资源文件配置采用xml文件进行配置,hash存储方式进行索引存储
兼容性
兼容pc网页端、ios、安卓手机移动端,完成适配
最终演示地址
http://gcbwg.720l.cn/
展望
该项目属于通用型三维全景项目,核心的技术难点在于如何将krpano及原生js进行混合开发,因krpano采用的xml方式进行解析,自定义了很多标签,阅读分析存在一定的研究成本,但是梳理清楚逻辑后还是比较简单;
后面我将利用vue、node、mysql、krpano、threejs、unity搭建一套基础版本的全景管理平台,针对C端用户开发一套基础版本的编辑平台
包含功能主要有:场景、热点、图集、3D环物、视频、音频、滚动字幕、场景动效、详细面板及全景直播;
全景平台现已完成60%的基础功能,开发完成后考虑开源,欢迎大家讨论!!!有兴趣留言