An open API service indexing awesome lists of open source software.

https://github.com/arkntools/depot-recognition

Arknights depot recognition. 明日方舟仓库识别
https://github.com/arkntools/depot-recognition

arknights recognition

Last synced: 9 months ago
JSON representation

Arknights depot recognition. 明日方舟仓库识别

Awesome Lists containing this project

README

          

[![logo](https://github.com/arkntools/arknights-toolbox/raw/master/public/assets/icons/texas-icon-192x192-v2.png)](https://github.com/arkntools)

# Arkntools - Depot Recognition

Depot recognition module for [Arknights Toolbox](https://github.com/arkntools/arknights-toolbox)

[![NPM version](https://img.shields.io/npm/v/@arkntools/depot-recognition?style=flat-square)](https://www.npmjs.com/package/@arkntools/depot-recognition) [![GitHub license](https://img.shields.io/github/license/arkntools/depot-recognition?style=flat-square)](https://github.com/arkntools/depot-recognition/blob/main/LICENSE) [![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/arkntools/depot-recognition/publish.yml?style=flat-square)](https://github.com/arkntools/depot-recognition/actions/workflows/publish.yml) [![Feedback](https://img.shields.io/badge/feedback-here-blueviolet?style=flat-square)](https://github.com/arkntools/arknights-toolbox/discussions/101)

[中文文档](https://github.com/arkntools/depot-recognition/blob/main/README_zh.md)

## Install

```bash
# npm
npm i @arkntools/depot-recognition
# yarn
yarn add @arkntools/depot-recognition
```

## Usage

You need to provide **a zip of material images** and **sorting order of materials in deport**. The name of the material must be material ID.

[Resource Example](https://github.com/arkntools/depot-recognition/wiki/Resource-Example)

### Node

```js
const axios = require('axios').default;
const { sortBy } = require('lodash');
const {
DeportRecognizer,
isTrustedResult,
toSimpleTrustedResult,
} = require('@arkntools/depot-recognition');

// You can implement your own caching logic
const getResources = async () => {
const {
data: { mapMd5 },
} = await axios.get('https://data-cf.arkntools.app/check.json');
const { data: fileMap } = await axios.get(`https://data-cf.arkntools.app/map.${mapMd5}.json`);

const { data: item } = await axios.get(`https://data-cf.arkntools.app/data/item.${fileMap['data/item.json']}.json`);
const { data: pkg } = await axios.get(`https://data-cf.arkntools.app/pkg/item.${fileMap['pkg/item.zip']}.zip`, {
responseType: 'arraybuffer',
});

const getSortId = id => item[id].sortId.cn; // cn us jp kr
const order = sortBy(Object.keys(item).filter(getSortId), getSortId);

return { order, pkg };
};

(async () => {
const dr = new DeportRecognizer(await getResources());
const { data } = await dr.recognize(
'https://github.com/arkntools/depot-recognition/raw/main/test/cases/cn_iphone12_0/image.png'
);
console.log(data.filter(isTrustedResult)); // full trust result
console.log(toSimpleTrustedResult(data)); // simple trust result
})();
```

### Web worker

Need [comlink-loader](https://www.npmjs.com/package/comlink-loader)

```js
import DepotRecognitionWorker from 'comlink-loader!@arkntools/depot-recognition/worker';
import { isTrustedResult, toSimpleTrustedResult } from '@arkntools/depot-recognition/tools';
import { transfer } from 'comlink';
import { sortBy } from 'lodash';

// You can implement your own caching logic
const getResources = async () => {
const fetchJSON = url => fetch(url).then(r => r.json());

const { mapMd5 } = await fetchJSON('https://data-cf.arkntools.app/check.json');
const fileMap = await fetchJSON(`https://data-cf.arkntools.app/map.${mapMd5}.json`);

const item = await fetchJSON(`https://data-cf.arkntools.app/data/item.${fileMap['data/item.json']}.json`);
const pkg = await fetch(`https://data-cf.arkntools.app/pkg/item.${fileMap['pkg/item.zip']}.zip`).then(r =>
r.arrayBuffer()
);

const getSortId = id => item[id].sortId.cn; // cn us jp kr
const order = sortBy(Object.keys(item).filter(getSortId), getSortId);

return { order, pkg };
};

const initRecognizer = async () => {
const { order, pkg } = await getResources();
const worker = new DepotRecognitionWorker();
return await new worker.DeportRecognizer(transfer({ order, pkg }, [pkg]));
};

(async () => {
const dr = await initRecognizer();
const { data } = await dr.recognize(
'https://github.com/arkntools/depot-recognition/raw/main/test/cases/cn_iphone12_0/image.png' // can be blob url
);
console.log(data.filter(isTrustedResult)); // full trust result
console.log(toSimpleTrustedResult(data)); // simple trust result
})();
```

We offer several types of imports:

- `@arkntools/depot-recognition/worker`
Basic import
- `@arkntools/depot-recognition/worker/index.importScriptsJsDelivr`
All dependencies are loaded from fastly.jsdelivr.net
- `@arkntools/depot-recognition/worker/index.noImportScripts`
No dependency loading, you need to call `importScripts()` by yourself

#### Typescript

If you are using comlink-loader in Typescript, you need to add a declaration:

```ts
declare module 'comlink-loader*!@arkntools/depot-recognition/worker' {
import DepotRecognitionWorker from '@arkntools/depot-recognition/worker/comlinkLoader';
export * from '@arkntools/depot-recognition/worker/comlinkLoader';
export default DepotRecognitionWorker;
}
```

Then you can use it as normal:

```ts
import DepotRecognitionWorker, { RemoteDeportRecognizer } from 'comlink-loader!@arkntools/depot-recognition/worker';

let recognizer: RemoteDeportRecognizer | undefined;

(async () => {
const worker = new DepotRecognitionWorker();
recognizer = await new worker.DeportRecognizer(/* ... */);
})();
```

## API

### `DeportRecognizer(config)`

```js
new DeportRecognizer(config)
```

#### Parameters

| Name | Type | Description |
| ------ | --------------------------------------- | --------------- |
| config | [`RecognizerConfig`](#recognizerconfig) | Initial config. |

##### `RecognizerConfig`

| Name | Type | Description |
| ------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| order | `string[]` | Item IDs, represent the sorting order of materials in deport. |
| pkg | `any` | A zip of material images, which is a parameter or an array of parameters accepted by [JSZip.loadAsync](https://stuk.github.io/jszip/documentation/api_jszip/load_async.html). |
| preload | `boolean` | Preload resource from `pkg`. |

### `DeportRecognizer.recognize(file, onProgress): Object`

Recognize deport image.

#### Parameters

| Name | Type | Description |
| ---------- | ------------------ | ---------------------------------------------------------------------------------------------------- |
| file | `string \| Buffer` | Image URL or buffer. Can be a blob URL. |
| onProgress | `Function` | A callback function, will be called when progress update. Its argument is a `number` start from `0`. |

#### Returns

| Name | Type | Description |
| ----- | --------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
| data | [`RecognizeResult[]`](#recognizeresult) | Array of recognition result result. |
| debug | `string[]` | Will contain some base64 images after using [setDebug](#deportrecognizersetdebugenable-void) to set debug mode. |

##### `RecognizeResult`

```ts
interface RecognizeResult {
debug: {
/** The scaling ratio when the material slice is scaled to 60 * 60 */
scale: number;
};
/** Material position */
pos: {
/** Top left x */
x: number;
/** Top left y */
y: number;
/** Side length */
l: number;
/** Row */
row: number;
/** Column */
col: number;
};
/** The distance ratio (0~1) between the four sides of the material and the four sides of the whole image */
view: {
left: number;
right: number;
top: number;
bottom: number;
};
/** Similarity */
sim?: {
/** ID of most similar material */
name: string;
/** The degree of difference (0~1) between them */
diff: number;
/** Comparative record of the material, an array of material ID and difference degree */
diffs: Array<
[
/** Material ID */
string,
/** Difference degree */
number
]
>;
/** Whether the differences are too close, should be careful with the result */
diffsTooClose: boolean;
};
/** Material quantity */
num?: {
/** Processed digital picture in base64 */
img: string;
/** The recognition result, may contain non-numeric characters such as spaces ( ) or underscores (_) */
text: string;
/** The numerical result after removing the non-numeric character, the default is 1 when the number is not recognized */
value: number;
/** Whether the recognition result (text) is different from the recognition number (value) after excluding the influence of spaces */
warn: boolean;
};
}
```

### `DeportRecognizer.setDebug(enable): void`

Set debug mode.

#### Parameters

| Name | Type | Description |
| ------ | --------- | ------------------------------------------------------------------ |
| enable | `boolean` | Will output some base64 images in recognition result when enabled. |

### `DeportRecognizer.setOrder(order): void`

Set the sorting order of materials.

#### Parameters

| Name | Type | Description |
| ----- | ---------- | ------------------------------------------------------------- |
| order | `string[]` | Item IDs, represent the sorting order of materials in deport. |

### `DeportRecognizer.preloadResource(): void`

Preload resource from [`RecognizerConfig.pkg`](#recognizerconfig).

### `isTrustedResult(result): boolean`

Determine whether a similarity result is trustable.

#### Parameters

| Name | Type | Description |
| ------ | --------------------------------------- | ------------------------------ |
| result | [`RecognizeResult[]`](#recognizeresult) | Recognition similarity result. |

### `toSimpleTrustedResult(data): Record`

Convert the similarity result array into a simple result object.

#### Parameters

| Name | Type | Description |
| ---- | --------------------------------------- | --------------------------------------- |
| data | [`RecognizeResult[]`](#recognizeresult) | Array of recognition similarity result. |

#### Returns

| Name | Type | Description |
| ------------------------------------------------ | -------- | --------------------- |
| [`[RecognizeResult.sim.name]`](#recognizeresult) | `number` | Material ID: quantity |