本文へスキップ
CloudClick iOS

Colour & image matching

Find colours and images on screen — for things drawn into images or canvases that the element tree cannot see. Everything runs on the device without the network. Arguments go in order: what to find, how many seconds to wait, the area, and then rarely changed thresholds. Coordinates come back in points, ready for client.click.

機能概要

  • ·No need to take screenshots yourself: every lookup takes its own and releases it
  • ·To check several things on the same frame, use keepScreen / releaseScreen or withScreen
  • ·Write areas as 0–1 screen ratios so they survive resolution changes
  • ·Template images are delivered as files; scripts only name them

keepScreen#

Freeze the current screen: take one screenshot and keep it, so the following colour, image and text lookups all check that frame — no new screenshots and no waiting — until releaseScreen().

typescript
keepScreen(): void;

例外

例外発生条件
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

注意事項

  • Calling it again replaces the frame with a fresh one — call it at the top of each loop round to refresh.
  • Remember releaseScreen(), or later lookups keep looking at the old frame. withScreen releases it for you.

例

javascript
keepScreen();
var dot = findColor('0xFF3B30');
var btn = findImage('btn_login.png');
releaseScreen();

関連項目 releaseScreen、withScreen

releaseScreen#

Release the frame frozen by keepScreen(); lookups take fresh screenshots again. Does nothing when no frame is held.

typescript
releaseScreen(): void;

例

javascript
releaseScreen();

関連項目 keepScreen

withScreen#

Freeze the screen, run a function, and release the frame afterwards (even if the function throws), returning the function's result. The same as keepScreen / releaseScreen, without the risk of forgetting to release.

typescript
withScreen<T>(fn: () => T): T;

パラメータ

パラメータ名型必須既定値説明
fn() => Tはい—The function to run against the frozen frame.

戻り値

型説明
TWhatever fn returns.

例外

例外発生条件
WDAErrorINVALID_ARGUMENTfn is not a function.

例

javascript
var hits = withScreen(function () {
  return [findColor('0xFF3B30'), findImage('btn_login.png')];
});

関連項目 keepScreen

findColor#

Find the first point that matches a colour, scanning top to bottom, left to right.

typescript
findColor(color: string, timeoutSec?: number, region?: [number, number, number, number] | null): { x: number; y: number } | null;

パラメータ

パラメータ名型必須既定値説明
colorstringはい—'0xRRGGBB', or '0xRRGGBB-0xTTTTTT' where the part after the dash is the per-channel tolerance.
timeoutSecnumberいいえ0The longest wait, in seconds. 0 means look once; above 0 it takes a fresh screenshot every 0.5 seconds until there is a match or time runs out.
region[x, y, w, h] | nullいいえ—Only search this area; omit it for the whole screen. When all four numbers are between 0 and 1 they are screen ratios ([0, 0.5, 1, 0.5] is the lower half and works on any resolution); otherwise they are points.

戻り値

型説明
{ x, y } | nullThe matching point in points, or null.

例外

例外発生条件
WDAErrorINVALID_ARGUMENTAn argument is wrong: the wait is not a number or exceeds 600, the region is not [x, y, w, h], a threshold is outside 0–1, an old-style {} was passed, and so on.
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

例

javascript
var p = findColor('0xFF8E42-0x101010', 0, [0, 0.1, 1, 0.4]);
if (p) {
  client.click(p.x, p.y);
}

関連項目 findMultiColor、cmpColor

findMultiColor#

Multi-point colour search: scan for an anchor colour, then verify a set of points offset from it — good for recognising a small icon.

typescript
findMultiColor(anchorColor: string, offsets: string, timeoutSec?: number, region?: [number, number, number, number] | null, similarity?: number): { x: number; y: number; score: number } | null;

パラメータ

パラメータ名型必須既定値説明
anchorColorstringはい—The anchor colour, written as in findColor.
offsetsstringはい—The offset points: 'dx|dy|0xRRGGBB-0xTTTTTT,dx|dy|0xRRGGBB', where dx / dy are point offsets from the anchor. The console's screenshot studio generates this for you.
timeoutSecnumberいいえ0The longest wait, in seconds. 0 means look once; above 0 it takes a fresh screenshot every 0.5 seconds until there is a match or time runs out.
region[x, y, w, h] | nullいいえ—Only search this area; omit it for the whole screen. When all four numbers are between 0 and 1 they are screen ratios ([0, 0.5, 1, 0.5] is the lower half and works on any resolution); otherwise they are points.
similaritynumberいいえ0.9The share of offset points that must match, 0–1; 0.9 tolerates one in ten missing. It is not a colour distance.

戻り値

型説明
{ x, y, score } | nullThe anchor position and score, or null.

例外

例外発生条件
WDAErrorINVALID_ARGUMENTAn argument is wrong: the wait is not a number or exceeds 600, the region is not [x, y, w, h], a threshold is outside 0–1, an old-style {} was passed, and so on.
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

例

javascript
var p = findMultiColor('0xDD7A5F-0x101010',
  '29|25|0xBB454B-0x101010,58|44|0xA6363A-0x101010');
if (p) {
  client.click(p.x, p.y);
}

関連項目 findColor

cmpColor#

Compare colours at fixed coordinates. There is no scanning, so it is fast — ideal for telling which screen you are on.

typescript
cmpColor(points: string, timeoutSec?: number, similarity?: number): boolean;

パラメータ

パラメータ名型必須既定値説明
pointsstringはい—'x|y|0xRRGGBB-0xTTTTTT,x|y|0xRRGGBB', coordinates in points.
timeoutSecnumberいいえ0The longest wait, in seconds. 0 means look once; above 0 it takes a fresh screenshot every 0.5 seconds until there is a match or time runs out.
similaritynumberいいえ1.0The share of points that must match, 0–1; by default every point must.

戻り値

型説明
booleanTrue when the colours match.

例外

例外発生条件
WDAErrorINVALID_ARGUMENTAn argument is wrong: the wait is not a number or exceeds 600, the region is not [x, y, w, h], a threshold is outside 0–1, an old-style {} was passed, and so on.
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

例

javascript
if (cmpColor('205|376|0xff944b-0x101010,211|386|0xff8e42')) {
  logi('on the home tab');
}

関連項目 findColor、getColor

getColor#

Read the colour at one point — handy for picking reference colours and tuning tolerances while writing a script.

typescript
getColor(x: number, y: number): { r: number; g: number; b: number; hex: string };

パラメータ

パラメータ名型必須既定値説明
xnumberはい—The x coordinate in points.
ynumberはい—The y coordinate in points.

戻り値

型説明
{ r, g, b, hex }The colour channels and the 0xRRGGBB hex string.

例外

例外発生条件
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

例

javascript
logi(getColor(100, 200).hex);

関連項目 cmpColor

findImage#

Find an image by template matching and return the best match.

typescript
findImage(template: string, timeoutSec?: number, region?: [number, number, number, number] | null, threshold?: number): Match | null;

type Match = { x: number; y: number; width: number; height: number; centerX: number; centerY: number; score: number };

パラメータ

パラメータ名型必須既定値説明
templatestringはい—The template image's file name, for example btn_login.png. Templates belong to the script and are uploaded from a screenshot in the console's Code Playground; the device downloads one automatically the first time it is used. Do not pass base64.
timeoutSecnumberいいえ0The longest wait, in seconds. 0 means look once; above 0 it takes a fresh screenshot every 0.5 seconds until there is a match or time runs out.
region[x, y, w, h] | nullいいえ—Only search this area; omit it for the whole screen. When all four numbers are between 0 and 1 they are screen ratios ([0, 0.5, 1, 0.5] is the lower half and works on any resolution); otherwise they are points.
thresholdnumberいいえ0.9The similarity threshold, 0–1. It is a normalised cross-correlation score, insensitive to overall brightness, so 0.9 means the same thing on light and dark UIs.

戻り値

型説明
{ x, y, width, height, centerX, centerY, score } | nullThe match's position, size, centre and score (all in points), or null.

例外

例外発生条件
WDAErrorINVALID_ARGUMENTAn argument is wrong: the wait is not a number or exceeds 600, the region is not [x, y, w, h], a threshold is outside 0–1, an old-style {} was passed, and so on.
WDAErrorTPL_NOT_FOUNDThe template cannot be obtained: this script has no uploaded image with that file name, or the download failed — the message says which. This throws rather than returning null, because a silent null looks like an ordinary miss.
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

例

javascript
var hit = findImage('btn_login.png', 5);
if (hit) {
  client.click(hit.centerX, hit.centerY);
}

関連項目 clickImage、useTemplates、findImageAll

findImageAll#

Find every match of a template, sorted by score from high to low.

typescript
findImageAll(template: string, timeoutSec?: number, region?: [number, number, number, number] | null, threshold?: number, max?: number): Match[];

パラメータ

パラメータ名型必須既定値説明
templatestringはい—The template image's file name, for example btn_login.png. Templates belong to the script and are uploaded from a screenshot in the console's Code Playground; the device downloads one automatically the first time it is used. Do not pass base64.
timeoutSecnumberいいえ0The longest wait, in seconds, until at least one match appears. 0 means look once.
region[x, y, w, h] | nullいいえ—Only search this area; omit it for the whole screen. When all four numbers are between 0 and 1 they are screen ratios ([0, 0.5, 1, 0.5] is the lower half and works on any resolution); otherwise they are points.
thresholdnumberいいえ0.9The similarity threshold, 0–1. It is a normalised cross-correlation score, insensitive to overall brightness, so 0.9 means the same thing on light and dark UIs.
maxnumberいいえ10The most matches to return; at least 1.

戻り値

型説明
{ x, y, width, height, centerX, centerY, score }[]An array of matches, empty when there is none.

例外

例外発生条件
WDAErrorINVALID_ARGUMENTAn argument is wrong: the wait is not a number or exceeds 600, the region is not [x, y, w, h], a threshold is outside 0–1, an old-style {} was passed, and so on.
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

例

javascript
var stars = findImageAll('star.png', 0, null, 0.85, 5);
logi('stars: ' + stars.length);

関連項目 findImage

clickImage#

Wait for a template and tap it, at a slightly random spot inside the match so it is never the same point twice.

typescript
clickImage(template: string, timeoutSec?: number, region?: [number, number, number, number] | null, threshold?: number): boolean;

パラメータ

パラメータ名型必須既定値説明
templatestringはい—The template image's file name, for example btn_login.png. Templates belong to the script and are uploaded from a screenshot in the console's Code Playground; the device downloads one automatically the first time it is used. Do not pass base64.
timeoutSecnumberいいえ10The longest wait, in seconds. It takes a fresh screenshot every 0.5 seconds until there is a match or time runs out.
region[x, y, w, h] | nullいいえ—Only search this area; omit it for the whole screen. When all four numbers are between 0 and 1 they are screen ratios ([0, 0.5, 1, 0.5] is the lower half and works on any resolution); otherwise they are points.
thresholdnumberいいえ0.9The similarity threshold, 0–1. It is a normalised cross-correlation score, insensitive to overall brightness, so 0.9 means the same thing on light and dark UIs.

戻り値

型説明
booleanTrue when tapped, false when the template never appeared.

例外

例外発生条件
WDAErrorINVALID_ARGUMENTAn argument is wrong: the wait is not a number or exceeds 600, the region is not [x, y, w, h], a threshold is outside 0–1, an old-style {} was passed, and so on.
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

注意事項

  • By default the task log records whether the image was tapped or not found; turn it off with setClickLog(false).

例

javascript
if (!clickImage('btn_login.png')) {
  return false;
}

関連項目 findImage、clickText

useTemplates#

Get template images ready up front. Optional: findImage downloads a template automatically the first time it is used. Calling it at the top of the script reports missing images as soon as the run starts and avoids a pause on the first search.

typescript
useTemplates(names: string[] | string): boolean;

パラメータ

パラメータ名型必須既定値説明
namesstring[] | stringはい—An array of file names (a single name is fine too). Names refer to the templates uploaded to this script; every script has its own, so images with the same name in different scripts never get mixed up.

戻り値

型説明
booleanTrue when every template is in place; false if any is missing, with which one and why (not uploaded, or the download failed) in the error log. An image the device has cached before is not downloaded again.

例外

例外発生条件
WDAErrorINVALID_ARGUMENTSomething other than file names was passed (such as an old-style [{ name, url }]). Use downloadTemplate to download from another address.
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

例

javascript
if (!useTemplates(['btn_login.png', 'btn_close.png'])) {
  return false;
}

関連項目 downloadTemplate、hasTemplate

hasTemplate#

Whether this template is ready in the current run (already used, or prepared by useTemplates).

typescript
hasTemplate(name: string): boolean;

パラメータ

パラメータ名型必須既定値説明
namestringはい—The file name.

戻り値

型説明
booleanTrue when ready.

例

javascript
if (!hasTemplate('btn_login.png')) {
  loge('template missing');
}

関連項目 useTemplates

downloadTemplate#

Download an image from any address as a template under a name of your choice; findImage can use that name for the rest of the run. Templates uploaded to this script don't need it — just use the file name.

typescript
downloadTemplate(url: string, name: string): boolean;

パラメータ

パラメータ名型必須既定値説明
urlstringはい—The address; one starting with / is resolved against the server.
namestringはい—The name to give the image, used with findImage. Valid for the current run only.

戻り値

型説明
booleanTrue once in place; false on failure, with an error log line.

例外

例外発生条件
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

例

javascript
downloadTemplate('https://example.com/btn_login.png', 'btn_login.png');

関連項目 useTemplates