全景图作为一种重要的设计方案展现形式，已然大量应用于行业中。
目前全景图的展现方式主要分为3种
- 放置在他人的网页上
- 在本地用播放器进行浏览
- 自己搭建网站，放置在自己的网站上
但这三者都存在各自的问题
放置在他人的网站上会有付费、图片大小、版权纠纷、商业保密等方面的担忧
用本地播放器播放又面临着普通播放器功能不足、甲方不会操作等问题
自己搭建网站虽然是最优方案，但技术难度同样不小，购置服务器、安装linux系统、端口映射、购买域名、动态dns解析、lnmp环境搭建、ssl证书配置、html网页代码等等，光是听这一堆名词就足以令绝大多数非专业用户望而却步了，何况这些操作多数都是命令行，无论是金钱成本还是学习成本都不符合设计师这一职业特性。
而我们在具有一定规格的项目中，需要的往往是操作简单、具有一定保密性、包教包会的展现方式。这里我就向大家展现一种小众，但是能满足上诉需求的方式：全景图封包单文件exe
流程主要分三步：
- 全景图转网页
- 网页转exe
- 修改调整
第一步：全景图我们只需使用pano2vr，调整好参数，导出网页文件即可
第二步：在pano2vr输出的网页文件夹里新建文本文档，重命名为package.json，粘贴入下面的内容，并根据后面的注释修改内容
{
“main”: “index.html”, //入口
“name”: “quanjingtu”,//字符串必须是小写字母或者数字，可以包含”.” 或者”_”或者”-” ，不允许带空格,必须唯一
“description”: “全景图”,//描述
“version”: “1.0.0”,//版本
“keywords”: [ “demo”, “node-webkit” ],//关键字
“window”: {//窗体配置
“title”: “全景图”, //窗体的标题
“icon”: “logo.png”,//窗体的ico图标
“toolbar”: false,//是否要工具栏
“frame”: true,//bool值。如果设置为false，程序将无边框显示 也就是没有系统默认的关闭，最小化，全屏按钮
“width”: 1920,//窗口的大小
“height”: 1080, //窗口的大小
“position”: “mouse”, //字符串。窗口打开时的位置，可以设置为“null”、“center”或者“mouse”。
“min_width”: 400,//最小宽度
“min_height”: 200,//最小高度
“max_width”: 9999,//最大宽度
“max_height”: 9999,//最大高度
“as_desktop” :false,//是否作为桌面背景窗口显示
“resizable”:true,//是否允许调整窗口大小
“always-on-top”:true,//窗口是否置顶
“fullscreen”:false,//是否全屏显示
“show_in_taskbar”:true,//是否显示任务栏图标
“show”:true, //如果设置为false，启动时窗口不可见
“kiosk”:false //是否使用kiosk模式。如果使用kiosk模式，应用程序将全屏显示，并且阻止用户离开应用
},
“webkit”: {
“plugin”: true,//bool值，是否加载插件，如flash，默认值为false。
“java”:true, //bool值 是否加载java applets
” page-cache”:true //是否启用页面缓存
}
}
配置里指定图标的文件必须是128*128像素的png图片
然后将全部文件选中压缩为zip文件，再修改后缀名为nw
将压缩好的nw文件复制到nwjs文件夹下，win+r输入cmd，回车，在cmd命令里使用cd命令进入nwjs文件夹，输入copy /b nw.exe+文件名.nw 文件名.exe回车。例如：copy /b nw.exe+app.nw app.exe
我们就生成了一个exe文件了，但这个exe文件是由多个文件组成的，具体会用到哪个文件我们可以采取一种简单的方式判断，把整个文件夹复制一份，在打开程序的情况下删除文件，删不掉的就是有用的。
nwjs虽然已经足够简单，但是对于没有命令行基础的朋友可能还是有点难度，为了方便大家操作，我为nwjs集成了7z压缩和社区版ffmpeg，并为大家写好了批处理:https://lede.distant-voices.top:5001/sharing/GWTBDtO5y大家只需要把整个output文件夹复制到nwjs文件夹里，然后运行这个批处理就好了，具体数据可自行修改。
第三步：使用ResourceHacker为exe修改图标，ico文件可以使用ps和greenfish生成。虽然文件已经可以使用但是毕竟是多个文件，不够简洁，最后我们可以使用Enigma Virtual Box把多个文件封装为单个。
各位可以搭配视频食用：
Comments are closed