教你用微信H5牛牛来玩微信小游戏“跳一跳”

2017 年 12 月 28 日下午，微信发布了 6.6.1 版本，微信H5牛牛开发搭建(h5.fanshubbs.com)加入了「小游戏」功能，并提供了官方Q_1687054422。这是一个 2.5D 插画风格的益智游戏，微信H5牛牛可以通过按压屏幕时间的长短来控制这个「小人」跳跃的距离。可能刚开始上手的时候，因为时间距离之间的关系把握不恰当，只能跳出几个就掉到了台子下面。 玩法类似于《微信H5牛牛》。

如果能精确测量出起始和目标点之间测距离，就可以估计按压的时间来精确跳跃？所以花 2 个小时写了一个微信H5牛牛脚本进行验证希望不要把分数刷太高，容易没朋友的。。。

操作规范

考虑到生产环境的规范性，微信H5牛牛实验与项目之间不受干扰，请尽量用新的虚拟环境来完成实验

MacOS/Win,请使用如下操作开辟新的虚拟环境（不强调表示MacOS/Win相同操作）

· 下载Anaconda. MacOS:默认安装/Win:注意安装时候勾选配置路径或者之后手动配置，直至cmd后conda关键字有效

· 查看所有的虚拟环境 conda info --envs

· 使用命令： conda create -n wechat_env python=3 ，创建名为 wechat_env 的虚拟环境，且配置python版本为python3

· 激活虚拟环境：MacOS: source activate wechat_env /Win： activate wechat_env

· 安装所需要的包，比如 matplotlib 等，建议使用 conda install package_name 来避免虚拟环境包的路径问题

接下来的操作非必须，微信H5牛牛仅当实验完成后可操作，试验阶段全程在虚拟环境中操作，进入虚拟环境会有前置符号表示如：

(wechat_env) ~/Desktop/wechat_jump_game-master>

· 退出虚拟环境：MacOS: source deactivate wechat_env / Win: deactivate wecha_env

· 删除虚拟环境： conda remove -n wechat_env --all

如果你是 Android + MacOS，请参考下面的配置：

· Python 3

· 使用brew进行安装 brew cask install android-platform-tools

· 安装完后插入安卓设备且安卓已打开usb调试模式（部分新机型可能需要再另外勾上 允许模拟点击 权限），终端输入 adb devices ,显示如下表明设备已连接

List of devices attached

6934dc33device

如果你是 Android + Windows，请参考下面的配置：

· Python 3

· 安装 ADB 后，请在 环境变量 里将 adb 的安装路径保存到 PATH 变量里，确保 adb 命令可以被识别到。

· 同 Android + MacOS 测试连接

关于Win+Android的adb调试添加路径等问题，可以尝试使用Tools文件夹中adb文件夹进行调试，详见adb中readme文件

安卓微信H5牛牛手机操作步骤

· 安卓手机打开 USB 调试，设置》开发者选项》USB 调试

· 电脑与手机 USB 线连接，确保执行 adb devices 可以找到设备 ID

· 界面转至微信跳一跳游戏，点击开始游戏

· 运行 python wechat_jump_auto.py ，如果手机界面显示 USB 授权，请点击确认

· 请按照你的手机分辨率从 ./config/ 文件夹找到相应的配置，拷贝到 *.py 同级目录 ./config.json （如果屏幕分辨率能成功探测，会直接调用 config 目录的配置，不需要复制）

iOS 手机微信H5牛牛操作步骤

1. 运行安装好的 WebDriverAgentRunner

2. 将手机点击到《跳一跳》小程序界面

3. 运行脚本。有两种模式可供选择：手动辅助跳 和 自动连续跳

· 手动辅助跳

· 命令行运行 python3 wechat_jump_iOS_py3.py

· 依次点击弹出的窗口中的起始位置和目标位置，会自动计算距离后起跳

· 根据起跳的精准情况更改 python3 wechat_jump_iOS_py3.py 中的 time_coefficient参数，直到获得最佳取值

· 自动连续跳

· 拷贝 ./config/iPhone 目录下对应的设备配置文件，重命名并替换到 ./config.json

· 命令行运行 python3 wechat_jump_auto_iOS.py

· 会自动计算坐标并连续起跳，根据起跳的精准情况更改 ./config.json 中的 press_coefficient 参数，直到获得最佳取值

TODO微信H5牛牛

可以对拉上来的图片进行颜色分割，识别小人和目标中心，这样就不需要手动点击自动弹跳。事实证明，微信H5牛牛比人更会玩儿游戏。