基于krpano全景场馆系统

项目起因

因本人从事三维开发已久,基于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%的基础功能,开发完成后考虑开源,欢迎大家讨论!!!有兴趣留言

你可能感兴趣的:(基于krpano全景场馆系统)