【红警三】建造出兵流程图制作工具——基于jquery实现

红警三玩家该如何提高自己的技术水平呢？
一种非常有效的方法是去观看下大佬的录像进行学习。
但是光看一遍，很多地方都记不住。反复看又过于费时（且红警三自带的录像播放工具也不支持倒放和直接跳到想看的时间点，也不方便）
而想要对录像的信息进行记录，单纯用文字是很麻烦的，且不够直观，容易啰嗦。
文字不行，图片行不行呢？
能否用图片比较详细又直观的展示玩家的操作，让萌新能够方便又高效的学习大佬的操作呢？
基于这一想法，我想尝试去用流程图去记录展示玩家的一些操作。

一、该流程图主要用于记录展示玩家建造和出兵的操作。

其他的操作看后续是否能够整合进来，因为有的操作流程图可以整合进来展示，
有的则不好弄（比如具体到兵和敌人的对战操作，这个看后面是否发现新的适合展示的图表形式吧）

流程图绘制效果如下

对应的录像视频是BV1GE411r79W

本项目1.0 版本已完成（未详细测试）
对应github地址：
https://github.com/BigShuang/Red-Alert-3-Battle-Flow-Chart

二、当前进度与功能。

目前的版本为1.1版本
1.1版本 新增功能：自动读取录像

使用方法

• 用浏览器（推荐chromw）打开 主页.html 即可开始绘制
• 使用ra3autohander\主程序.exe可自动读取录像文件信息，导出流程图信息;
  如果你安装了python3（无需安装任何第三方库），也可以运行ra3autohander\main_zh.py, 效果一样。

现有限制：

• 录像自动读取分析程序不能保证完全准确。
• 只能展示盟军和苏联的，不能兼容帝国，帝国的出兵方式特殊

常见问题

• 绘制完成后如何截图?

我没有实现图片导出功能，不过你可以用chrome自带的截图api来截图，方法如下:
在chrome中, CTRL+SHIFT+I 打开开发者工具（DevTools）,
在开发者工具（DevTools）中，CTRL+SHIFT+P打开命令菜单（Command Menu）,
在命令菜单中输入 screenshot,
单击capture full size screenshot即完成截图。

时间线：

• 2020年9月4日
  已经做好了大部分了，还有些也是很重要的功能要补充，预计这两周内应该就能好（希望不是flag）。

三、未来规划

首先，1.0我肯定会完成的（除非遇到不可抗力）
但是1.0之后的优化迭代甚至2、3版本，我只能说，看情况吧，不排除直接断更的可能性。
对于版本2和版本3，这里只做时间下限的预估，
版本2起码三个月后，版本3起码一年以后。。。
至于时间上限，可能是来生吧。。。
ps: 有些问题这辈子可能解决不了了，等下被子吧（逃

1版本后续可能能优化的

也可能解决不了，放到版本2去解决

• 协议的使用记录
• 塔的建造记录（目前建筑和塔互斥。。。）

2版本将要解决

• 兼容帝国的建造，帝国的建造方式特殊，1版本估计兼容不来。。。

3版本（有生之年系列）

• 实现动画
• 在动画中尝试展示每个节点的游戏画面
• 展示对战画面。。。

四、支持该项目

1 - 技术支持

我刚开始做的时候，还是满怀信心，充满了各种各样的幻想的。
结果越做越难受，技术还是太菜了QVQ。。。
所以最需要的支持其实是技术支持，包括但不限于：

• 直接修改我的代码
• 推荐好的jquery的书，尤其是架构的，那种入门级别的api调用的就别推荐了。。。
• 推荐一些别人写的好的jquery项目，有关联最好，我学习下别人代码是怎么组织的（目前自己写的就不到10个js文件，都已经乱的不行了，真的是佛了）

2 - 其他支持

其他支持等这个1.0版本完成再说吧。。。
说不定完成后，我没脸找人支持了（逃

五、相关推荐