椰羊cocogoat开源项目教程

椰羊cocogoat开源项目教程

cocogoat A toolbox for Genshin Impact 100% running in browser. 纯网页端的原神工具箱，保证每一行代码都是熬夜加班打造。 项目地址: https://gitcode.com/gh_mirrors/co/cocogoat

1. 项目介绍

椰羊cocogoat（https://github.com/YuehaiTeam/cocogoat.git）是一个完全在浏览器中运行的原神工具箱。该项目旨在为原神玩家提供一个纯网页端的工具，支持成就识别和管理等功能。项目代码完全开源，基于BSD-3-Clause许可证发布。

2. 项目快速启动

2.1 环境准备

确保你已经安装了以下工具：

• Node.js（建议版本14.x或更高）
• pnpm（建议版本6.x或更高）

2.2 克隆项目

首先，克隆项目到本地：

git clone https://github.com/YuehaiTeam/cocogoat.git
cd cocogoat

2.3 安装依赖

使用pnpm安装项目依赖：

pnpm install

2.4 启动开发服务器

启动开发服务器，运行以下命令：

pnpm serve

2.5 构建项目

构建项目以进行部署，运行以下命令：

pnpm build

3. 应用案例和最佳实践

3.1 成就识别

椰羊cocogoat支持在网页端本地使用PaddleOCR和onnxruntime进行成就识别。用户可以通过配合仅440K的客户端实现模拟点击，并支持手机端扫描截图。

3.2 成就管理

用户可以按分类、任务、委托筛选成就，查看成就的触发条件。如果是由任务触发的成就，还可以显示任务名。

3.3 常见问题

• Q: 有没有离线版？
  A: 有，可以到Actions里下载。

• Q: 为什么有些功能需要客户端？
  A: 由于浏览器限制，这些需要模拟操作键盘鼠标的功能没办法直接实现。

4. 典型生态项目

椰羊cocogoat作为一个纯网页端的原神工具箱，其生态项目主要包括：

• PaddleOCR：用于图像识别，支持在网页端本地识别成就。
• onnxruntime：用于加速图像识别过程。
• Vue.js：用于构建用户界面，提供良好的用户体验。
• TypeScript：用于类型安全，提高代码质量。

通过这些生态项目的结合，椰羊cocogoat能够提供一个高效、稳定的原神工具箱。

cocogoat A toolbox for Genshin Impact 100% running in browser. 纯网页端的原神工具箱，保证每一行代码都是熬夜加班打造。 项目地址: https://gitcode.com/gh_mirrors/co/cocogoat