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;

예외

예외	발생 조건
`WDAError`FEATURE_UNAVAILABLE	The 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();

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.

반환값

타입	설명
`T`	Whatever fn returns.

예외

예외	발생 조건
`WDAError`INVALID_ARGUMENT	fn is not a function.

예제

javascript

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

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;

매개변수

이름	타입	필수	기본값	설명
`color`	`string`	예	—	'0xRRGGBB', or '0xRRGGBB-0xTTTTTT' where the part after the dash is the per-channel tolerance.
`timeoutSec`	`number`	아니오	`0`	The 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 } \| null`	The matching point in points, or null.

예외

예외	발생 조건
`WDAError`INVALID_ARGUMENT	An 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.
`WDAError`FEATURE_UNAVAILABLE	The 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#

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;

매개변수

이름	타입	필수	기본값	설명
`anchorColor`	`string`	예	—	The anchor colour, written as in findColor.
`offsets`	`string`	예	—	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.
`timeoutSec`	`number`	아니오	`0`	The 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.
`similarity`	`number`	아니오	`0.9`	The 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 } \| null`	The anchor position and score, or null.

예외

예외	발생 조건
`WDAError`INVALID_ARGUMENT	An 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.
`WDAError`FEATURE_UNAVAILABLE	The 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);
}

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;

매개변수

이름	타입	필수	기본값	설명
`points`	`string`	예	—	'x\|y\|0xRRGGBB-0xTTTTTT,x\|y\|0xRRGGBB', coordinates in points.
`timeoutSec`	`number`	아니오	`0`	The 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.
`similarity`	`number`	아니오	`1.0`	The share of points that must match, 0–1; by default every point must.

반환값

타입	설명
`boolean`	True when the colours match.

예외

예외	발생 조건
`WDAError`INVALID_ARGUMENT	An 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.
`WDAError`FEATURE_UNAVAILABLE	The 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');
}

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 };

매개변수

이름	타입	필수	기본값	설명
`x`	`number`	예	—	The x coordinate in points.
`y`	`number`	예	—	The y coordinate in points.

반환값

타입	설명
`{ r, g, b, hex }`	The colour channels and the 0xRRGGBB hex string.

예외

예외	발생 조건
`WDAError`FEATURE_UNAVAILABLE	The app on the device is too old to support colour and image matching.

예제

javascript

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

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 };

매개변수

이름	타입	필수	기본값	설명
`template`	`string`	예	—	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.
`timeoutSec`	`number`	아니오	`0`	The 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.
`threshold`	`number`	아니오	`0.9`	The 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 } \| null`	The match's position, size, centre and score (all in points), or null.

예외

예외	발생 조건
`WDAError`INVALID_ARGUMENT	An 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.
`WDAError`TPL_NOT_FOUND	The 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.
`WDAError`FEATURE_UNAVAILABLE	The 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[];

매개변수

이름	타입	필수	기본값	설명
`template`	`string`	예	—	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.
`timeoutSec`	`number`	아니오	`0`	The 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.
`threshold`	`number`	아니오	`0.9`	The 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.
`max`	`number`	아니오	`10`	The most matches to return; at least 1.

반환값

타입	설명
`{ x, y, width, height, centerX, centerY, score }[]`	An array of matches, empty when there is none.

예외

예외	발생 조건
`WDAError`INVALID_ARGUMENT	An 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.
`WDAError`FEATURE_UNAVAILABLE	The 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);

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;

매개변수

이름	타입	필수	기본값	설명
`template`	`string`	예	—	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.
`timeoutSec`	`number`	아니오	`10`	The 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.
`threshold`	`number`	아니오	`0.9`	The 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.

반환값

타입	설명
`boolean`	True when tapped, false when the template never appeared.

예외

예외	발생 조건
`WDAError`INVALID_ARGUMENT	An 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.
`WDAError`FEATURE_UNAVAILABLE	The 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;
}

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;

매개변수

이름	타입	필수	기본값	설명
`names`	`string[] \| 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.

반환값

타입	설명
`boolean`	True 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.

예외

예외	발생 조건
`WDAError`INVALID_ARGUMENT	Something other than file names was passed (such as an old-style [{ name, url }]). Use downloadTemplate to download from another address.
`WDAError`FEATURE_UNAVAILABLE	The 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;

매개변수

이름	타입	필수	기본값	설명
`name`	`string`	예	—	The file name.

반환값

타입	설명
`boolean`	True when ready.

예제

javascript

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

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;

매개변수

이름	타입	필수	기본값	설명
`url`	`string`	예	—	The address; one starting with / is resolved against the server.
`name`	`string`	예	—	The name to give the image, used with findImage. Valid for the current run only.

반환값

타입	설명
`boolean`	True once in place; false on failure, with an error log line.

예외

예외	발생 조건
`WDAError`FEATURE_UNAVAILABLE	The app on the device is too old to support colour and image matching.

예제

javascript

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