ScriptTap
Asset Creation

Image-matching preparation

Asset Creation

Create one small reference image and reuse it in commands that support image matching. This shared guide uses a portion of the ScriptTap launcher icon; command-specific guides explain matching settings.

Regular Crop makes a rectangle. Super Crop makes a custom shape with three to sixteen points. Hollow Crop removes a transparent middle; position its inner shape before fitting the outer boundary, which cannot cross it. Color Crop keeps a sampled color within a chosen tolerance across the entire image, including disconnected regions.

First reduce the source to 32×32 pixels or smaller; Super, Hollow and Color are unavailable before that. Assets must be at least 4×4 pixels. In Color Crop, set tolerance to 30, sample green, then change it to 0 to see the selection update: zero retains only exact color matches.

Use as few non-transparent pixels as practical for faster matching, while retaining distinctive detail. Avoid semi-transparent edges that blend with changing backgrounds. The saved example keeps a hollow triangle inside the icon's solid green area.

Asset Creation

Step-by-step guide

  1. Step 01

    An image asset is a small reference image that ScriptTap can look for during script play. Create it once, then reuse it in commands that support image matching. We will use part of the ScriptTap icon.

    Asset Creation step 1: An image asset is a small reference image that ScriptTap can look for during script play. Create it once, then reuse it in commands that support image matching. We will use part of the ScriptTap icon.
  2. Step 02

    Choose stable, distinctive detail. Using fewer non-transparent pixels makes image matching faster, so keep as few pixels as practical without making the target ambiguous. The crop tools let us remove pixels we do not need.

    Asset Creation step 2: Choose stable, distinctive detail. Using fewer non-transparent pixels makes image matching faster, so keep as few pixels as practical without making the target ambiguous. The crop tools let us remove pixels we do not need.
  3. Step 03

    First, create a new script to give this example and its asset an organized home.

    Asset Creation step 3: First, create a new script to give this example and its asset an organized home.
  4. Step 04

    Name it Asset Demo. We will leave existing scripts unchanged.

    Asset Creation step 4: Name it Asset Demo. We will leave existing scripts unchanged.
  5. Step 05

    Close the library and leave the ScriptTap icon visible on the home screen.

    Asset Creation step 5: Close the library and leave the ScriptTap icon visible on the home screen.
  6. Step 06

    Tap Screenshot in the main overlay, then immediately tap the Crop icon that appears. If Android asks, allow screen capture. This opens the captured screen directly in the crop interface.

    Asset Creation step 6: Tap Screenshot in the main overlay, then immediately tap the Crop icon that appears. If Android asks, allow screen capture. This opens the captured screen directly in the crop interface.
  7. Step 07

    Regular Crop keeps a rectangular area. Drag inside the initial selection to reposition it without resizing. Move the floating tools out of the way, then drag the corner handles around a small part of the icon.

    Asset Creation step 7: Regular Crop keeps a rectangular area. Drag inside the initial selection to reposition it without resizing. Move the floating tools out of the way, then drag the corner handles around a small part of the icon.
  8. Step 08

    Assets must be at least four by four pixels and no larger than thirty-two by thirty-two. If the first crop is larger, tap the check mark and follow Crop Again to refine it in an enlarged view.

    Asset Creation step 8: Assets must be at least four by four pixels and no larger than thirty-two by thirty-two. If the first crop is larger, tap the check mark and follow Crop Again to refine it in an enlarged view.
  9. Step 09

    Tap the check mark, then Crop More. This applies the rectangular crop. Super, Hollow, and Color Crop are unavailable until the initial crop has been reduced to thirty-two by thirty-two pixels or smaller.

    Asset Creation step 9: Tap the check mark, then Crop More. This applies the rectangular crop. Super, Hollow, and Color Crop are unavailable until the initial crop has been reduced to thirty-two by thirty-two pixels or smaller.
  10. Step 10

    Super Crop creates a custom shape instead of a rectangle. Choose between three and sixteen waypoints. We will use six to outline an irregular part of the icon.

    Asset Creation step 10: Super Crop creates a custom shape instead of a rectangle. Choose between three and sixteen waypoints. We will use six to outline an irregular part of the icon.
  11. Step 11

    Drag the first three points around the upper edge and the arrow tip. The outline follows the points, and the preview shows which pixels will be kept.

    Asset Creation step 11: Drag the first three points around the upper edge and the arrow tip. The outline follows the points, and the preview shows which pixels will be kept.
  12. Step 12

    Position the remaining points around the lower edge and the white branch. More points let you follow a more detailed outline. Pixels outside the custom shape will become transparent.

    Asset Creation step 12: Position the remaining points around the lower edge and the white branch. More points let you follow a more detailed outline. Pixels outside the custom shape will become transparent.
  13. Step 13

    This is a custom-shaped mask, not a rectangular selection. Before applying it, we will switch modes to compare the other tools on the same original crop.

    Asset Creation step 13: This is a custom-shaped mask, not a rectangular selection. Before applying it, we will switch modes to compare the other tools on the same original crop.
  14. Step 14

    Color Crop keeps only a selected color, within a tolerance you define. We are demonstrating it before Hollow Crop so the green, white, and black parts are still available for comparison.

    Asset Creation step 14: Color Crop keeps only a selected color, within a tolerance you define. We are demonstrating it before Hollow Crop so the green, white, and black parts are still available for comparison.
  15. Step 15

    Set Tolerance to thirty first. This allows nearby color shades to be included when we select a color.

    Asset Creation step 15: Set Tolerance to thirty first. This allows nearby color shades to be included when we select a color.
  16. Step 16

    Now tap a green pixel. The green shades are kept, while the white and black parts are excluded.

    Asset Creation step 16: Now tap a green pixel. The green shades are kept, while the white and black parts are excluded.
  17. Step 17

    Color Crop checks the entire image, not just the area connected to the pixel you tapped. Separate, disconnected patches are also kept when their colors fall within the chosen tolerance.

    Asset Creation step 17: Color Crop checks the entire image, not just the area connected to the pixel you tapped. Separate, disconnected patches are also kept when their colors fall within the chosen tolerance.
  18. Step 18

    Change Tolerance to zero without sampling again. The selected area updates immediately as the tolerance changes.

    Asset Creation step 18: Change Tolerance to zero without sampling again. The selected area updates immediately as the tolerance changes.
  19. Step 19

    Zero keeps only exact matches to the sampled color. Any color deviation is excluded, including other green shades. A higher tolerance includes more variation. Choose the level that keeps the useful detail you actually need.

    Asset Creation step 19: Zero keeps only exact matches to the sampled color. Any color deviation is excluded, including other green shades. A higher tolerance includes more variation. Choose the level that keeps the useful detail you actually need.
  20. Step 20

    We will leave that color comparison unapplied. Return to Regular Crop to restore the full rectangular source, then choose Hollow Crop for our reusable asset.

    Asset Creation step 20: We will leave that color comparison unapplied. Return to Regular Crop to restore the full rectangular source, then choose Hollow Crop for our reusable asset.
  21. Step 21

    Hollow Crop creates a shape with a transparent middle. Set both Outer and Inner to three points, because the icon contains a triangle.

    Asset Creation step 21: Hollow Crop creates a shape with a transparent middle. Set both Outer and Inner to three points, because the icon contains a triangle.
  22. Step 22

    Set the inner shape first. Move its red points to mark the middle we want to remove. This area will not contribute pixels to image matching.

    Asset Creation step 22: Set the inner shape first. Move its red points to mark the middle we want to remove. This area will not contribute pixels to image matching.
  23. Step 23

    Now fit the outer shape around it. The outer boundary is prevented from crossing into the inner shape, which is why we positioned the inner points first.

    Asset Creation step 23: Now fit the outer shape around it. The outer boundary is prevented from crossing into the inner shape, which is why we positioned the inner points first.
  24. Step 24

    Keep the boundary inside the solid part of the image. Semi-transparent edge pixels blend with whatever is behind them. Their captured colors can change with the background and make future image matching unstable, so crop them out when possible.

    Asset Creation step 24: Keep the boundary inside the solid part of the image. Semi-transparent edge pixels blend with whatever is behind them. Their captured colors can change with the background and make future image matching unstable, so crop them out when possible.
  25. Step 25

    Tap the check mark and choose Crop More to apply the hollow shape. The checkerboard shows transparency outside the shape and in its middle.

    Asset Creation step 25: Tap the check mark and choose Crop More to apply the hollow shape. The checkerboard shows transparency outside the shape and in its middle.
  26. Step 26

    We have kept the triangle outline and removed its middle. Fewer non-transparent pixels mean less matching work during script play. Keep the smallest useful, distinctive pattern rather than unnecessary background or a large filled area.

    Asset Creation step 26: We have kept the triangle outline and removed its middle. Fewer non-transparent pixels mean less matching work during script play. Keep the smallest useful, distinctive pattern rather than unnecessary background or a large filled area.
  27. Step 27

    Tap the check mark again, then Save. The preview shows the asset that will be stored.

    Asset Creation step 27: Tap the check mark again, then Save. The preview shows the asset that will be stored.
  28. Step 28

    Give it a descriptive name. We will use ScriptTap Outline.

    Asset Creation step 28: Give it a descriptive name. We will use ScriptTap Outline.
  29. Step 29

    Check the destination folder before saving. Our asset belongs to Asset Demo. Use Change if you want a different destination; Drag is another way to choose a folder.

    Asset Creation step 29: Check the destination folder before saving. Our asset belongs to Asset Demo. Use Change if you want a different destination; Drag is another way to choose a folder.
  30. Step 30

    Tap Save. The asset now appears in the Asset Library, ready to select from an image-matching command.

    Asset Creation step 30: Tap Save. The asset now appears in the Asset Library, ready to select from an image-matching command.
  31. Step 31

    Scroll to Asset Demo in the library, then select ScriptTap Outline. Its thumbnail shows the transparent background.

    Asset Creation step 31: Scroll to Asset Demo in the library, then select ScriptTap Outline. Its thumbnail shows the transparent background.
  32. Step 32

    You can reuse this same asset in other commands. Their guides will show how to select it and configure matching. You do not need to create a separate copy for every command.

    Asset Creation step 32: You can reuse this same asset in other commands. Their guides will show how to select it and configure matching. You do not need to create a separate copy for every command.
  33. Step 33

    Some image-matching commands also support negative assets, which exclude unwanted matches. Their command guides explain those settings; a separate negative-asset demonstration is not needed here.

    Asset Creation step 33: Some image-matching commands also support negative assets, which exclude unwanted matches. Their command guides explain those settings; a separate negative-asset demonstration is not needed here.
  34. Step 34

    The asset is saved. Continue with the image-matching command guide you need.

    Asset Creation step 34: The asset is saved. Continue with the image-matching command guide you need.