全景项目制作步骤

2019-03-23

前期准备工作

目前市面全景项目对比
全景图拍摄预研
全景云台预研与使用，相机调研与使用，鱼眼镜头选择，照片拍摄后期处理等
开源软件全景制作方式，付费软件全景制作方式
对比开源项目与付费项目投入产出比确定技术方案等…

krpano软件的购买与使用

购买krpano软件，可以到krpano公司官网购买软件许可证 krpano软件购买
学习使用krpano软件，krpano提供了比较全面的软件使用方法 krpano官方文档
国内也有对krpano使用方式的描述 krpano360

结合酷家乐全景图与全景方案制作全景项目

1.下载酷家乐全景图

进入自己的全景项目，下载正确的全景图到本地
下载酷家乐全景图

2.制作全景

全景图下载完成以后，可以将全景图拖拽至krpano制作软件中制作全景项目，这里把项目内的全景图全部拖拽进去，多次拖拽会产生多个配置文件（tour.xml），这时候需要将配置文件进行合并，保证场景完整。
拖拽制作全景项目

3.查看全景效果

制作完成以后自动生成全景项目文件夹vtour（如下图），其中tour.xml文件就是全景项目的配置文件，windows系统可以打开tour_testingserver.exe查看全景效果，mac系统可以打开tour_testingserver_macos查看全景效果。
制作完成全景项目文件夹

4.热点编辑

至此，一个基本的全景项目已经完成了，由于我们要根据酷家乐的全景项目效果进行制作，所以还需要使用krpano编辑工具，对全景热点进行编辑：

打开编辑软件点击load tour.xml按钮加载刚才的全景配置文件tour.xml，即可看到下图效果，然后添加热点，链接到不同场景（根据业务需要进行处理）
krpano编辑软件

5.结合实际需要制作

热点编辑完毕以后，酷家乐项目的迁移工作基本结束了，然后根据项目需要结合krpano和部分前端技术完成整个项目的开发。

发布项目

购买阿里云服务器（已有）
添加全景域名解析到服务器（已有）
服务器配置nginx服务（已有）
上传全景项目到nginx服务根目录（/home/work/www/3d）

目前项目已有服务器，所有项目都放在/home/work/www/3d下, 新生成的项目同样放在这个目录下即可，可以使用SecureCRT进行服务器连接和文件上传。

为了保证多个项目的扩展性，可以在根目录创建不同的目录放置不同的全景项目

完成了上述步骤，全景项目的开发以及根据酷乐家迁移全景项目的工作就结束了

已完成全景项目

目前使用上述步骤完成的项目有5个：

项目1：柔龙中小型医疗洗涤工厂（3D）
项目2：三甲医院洗衣房
项目3：柔龙方案之-广西三甲医院洗衣房（标准）
项目4：柔龙方案之-广西三甲医院洗衣房（优化）
项目5：柔龙方案之–济南医疗洗涤工厂（1期）

项目用webpack+vue打包前端项目，打包后dist文件夹就是需要上传的文件夹，这里可以修改文件夹名称之后再打包上传。同样也可以把全景软件生成的vtour文件夹直接上传访问tour.html文件即可

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

生活，需要终身学习和不断成长