每周学一点Egret（15） 桌面版龙骨预览工具

前一段时间写了一个插件，龙骨文件预览的。这个插件基础原理很简单，插件所要做的事情就是需要把得到的龙骨文件编辑一个链接提供播放龙骨网页进行解析工作。在桌面的版本，则借助了electron的桌面应用程序展示web 应用。electron在桌面编辑上非常强大和十分易用。

---

基础原理

electron可以实现展示web的文件解析工作，就像一个桌面版的webview。制作桌面龙骨文件预览需要几个步骤。

1.编辑web解析龙骨文件
2.编辑一些文件操控的程序实现调用命令行
3.编辑注册表

准备好几个文件后，需要对其进行编辑工作。提示：web解析龙骨文件需要使用wing来制作编辑。文件操作可以实验c#或者其他来编辑。

下载地址:

https://pan.baidu.com/s/1eR1ZCYm

首先解压文件，配置相应的注册表信息，里面已经有electron应用程序等文件。当中还包括了文件操作的程序。该程序编辑是使用adobe air 进行编辑完成。

图中web为编译好的龙骨预览html等打包出来的网页
CopyFile则为编辑操作文件的
CMDD.exe则是调用vbs的文件，c#编辑处理。

注册表设置鼠标右键菜单

编辑之前需要对我们鼠标右键菜单进行编辑一下

复制粘贴，导入注册表文件，改成reg格式

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\*\shell\龙骨播放]

[HKEY_CLASSES_ROOT\*\shell\龙骨播放\Command]
@="\"G:\\electron\\electron\\CopyFile.exe\" \"%1\" "

修改G:\electron\electron\CopyFile.exe 这个路径，指定相应的文件位置，%1传递路径参数进去。CopyFile.exe 则是我们拷贝文件操作的软件书写的。

环境依赖

环境依赖
adobe air ，需要安装可以 在这里在线安装环境：https://get.adobe.com/air/?loc=tw

需要nodejs的话 在https://nodejs.org/en/ 进行安装。

.net 环境

注意格式

如果出现播放不出来的情况可以进行对纹理文件排查。

（1）文件格式名字问题 举例：如boss.json,boss_texture.json,boss_texture.png三个龙骨文件。 这三个文件中，boss_texture.json 是预览的文件入口，其中json的imagePath，和name 字段确保对应好其他两个文件的关联上， 例如 imagePath =“boss_texture.png”，name=“boss” 一般情况下，改了名字这里关联上，插件就能找到相应其他两个文件的名字，其次检测boss.json 中的name 字段 关联上填写boss为关联上。

（2）当前引擎的对应版本编译版本为3.14版本。

效果展示

实际上调用的命令

G:\electron\electron\electron.exe path-to-your-app

path-to-your-app 为文件夹，里面放置了对应的程序路径。

参考资料备注

里面用到的材料有electron的桌面版，针对window版本。目前没有mac版本，因为没有macbook。

copyFile.exe 的文件是adobe air编辑，里面同样会使用到进程通信的使用。过程中会配合c#的调用。

当中c#调用vbs需要处理一些问题可以在stackoverflow得到指点。

//vb 处理
http://stackoverflow.com/questions/200422/how-to-call-a-vbscript-file-in-a-c-sharp-application