Zum Inhalt springen
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.

Überblick

  • ·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;

Ausnahmen

AusnahmeWird ausgelöst, wenn
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

Hinweise

  • 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.

Beispiel

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

Siehe auch releaseScreen、withScreen

releaseScreen#

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

typescript
releaseScreen(): void;

Beispiel

javascript
releaseScreen();

Siehe auch 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;

Parameter

NameTypErforderlichStandardBeschreibung
fn() => TJa—The function to run against the frozen frame.

Rückgabewert

TypBeschreibung
TWhatever fn returns.

Ausnahmen

AusnahmeWird ausgelöst, wenn
WDAErrorINVALID_ARGUMENTfn is not a function.

Beispiel

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

Siehe auch 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;

Parameter

NameTypErforderlichStandardBeschreibung
colorstringJa—'0xRRGGBB', or '0xRRGGBB-0xTTTTTT' where the part after the dash is the per-channel tolerance.
timeoutSecnumberNein0The 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] | nullNein—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.

Rückgabewert

TypBeschreibung
{ x, y } | nullThe matching point in points, or null.

Ausnahmen

AusnahmeWird ausgelöst, wenn
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.

Beispiel

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

Siehe auch 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;

Parameter

NameTypErforderlichStandardBeschreibung
anchorColorstringJa—The anchor colour, written as in findColor.
offsetsstringJa—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.
timeoutSecnumberNein0The 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] | nullNein—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.
similaritynumberNein0.9The share of offset points that must match, 0–1; 0.9 tolerates one in ten missing. It is not a colour distance.

Rückgabewert

TypBeschreibung
{ x, y, score } | nullThe anchor position and score, or null.

Ausnahmen

AusnahmeWird ausgelöst, wenn
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.

Beispiel

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

Siehe auch 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;

Parameter

NameTypErforderlichStandardBeschreibung
pointsstringJa—'x|y|0xRRGGBB-0xTTTTTT,x|y|0xRRGGBB', coordinates in points.
timeoutSecnumberNein0The 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.
similaritynumberNein1.0The share of points that must match, 0–1; by default every point must.

Rückgabewert

TypBeschreibung
booleanTrue when the colours match.

Ausnahmen

AusnahmeWird ausgelöst, wenn
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.

Beispiel

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

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

Parameter

NameTypErforderlichStandardBeschreibung
xnumberJa—The x coordinate in points.
ynumberJa—The y coordinate in points.

Rückgabewert

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

Ausnahmen

AusnahmeWird ausgelöst, wenn
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

Beispiel

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

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

Parameter

NameTypErforderlichStandardBeschreibung
templatestringJa—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.
timeoutSecnumberNein0The 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] | nullNein—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.
thresholdnumberNein0.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.

Rückgabewert

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

Ausnahmen

AusnahmeWird ausgelöst, wenn
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.

Beispiel

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

Siehe auch 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[];

Parameter

NameTypErforderlichStandardBeschreibung
templatestringJa—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.
timeoutSecnumberNein0The longest wait, in seconds, until at least one match appears. 0 means look once.
region[x, y, w, h] | nullNein—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.
thresholdnumberNein0.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.
maxnumberNein10The most matches to return; at least 1.

Rückgabewert

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

Ausnahmen

AusnahmeWird ausgelöst, wenn
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.

Beispiel

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

Siehe auch 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;

Parameter

NameTypErforderlichStandardBeschreibung
templatestringJa—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.
timeoutSecnumberNein10The 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] | nullNein—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.
thresholdnumberNein0.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.

Rückgabewert

TypBeschreibung
booleanTrue when tapped, false when the template never appeared.

Ausnahmen

AusnahmeWird ausgelöst, wenn
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.

Hinweise

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

Beispiel

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

Siehe auch 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;

Parameter

NameTypErforderlichStandardBeschreibung
namesstring[] | stringJa—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.

Rückgabewert

TypBeschreibung
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.

Ausnahmen

AusnahmeWird ausgelöst, wenn
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.

Beispiel

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

Siehe auch downloadTemplate、hasTemplate

hasTemplate#

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

typescript
hasTemplate(name: string): boolean;

Parameter

NameTypErforderlichStandardBeschreibung
namestringJa—The file name.

Rückgabewert

TypBeschreibung
booleanTrue when ready.

Beispiel

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

Siehe auch 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;

Parameter

NameTypErforderlichStandardBeschreibung
urlstringJa—The address; one starting with / is resolved against the server.
namestringJa—The name to give the image, used with findImage. Valid for the current run only.

Rückgabewert

TypBeschreibung
booleanTrue once in place; false on failure, with an error log line.

Ausnahmen

AusnahmeWird ausgelöst, wenn
WDAErrorFEATURE_UNAVAILABLEThe app on the device is too old to support colour and image matching.

Beispiel

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

Siehe auch useTemplates