How tall the base canvas should be in pixels. The canvas is scaled so that the tallest character is this tall in pixels, defining how tall 1 meter should be when displayed on the canvas.

What color to use for the page background.

What color to use for the page accents. Currently, this is only used for the meter lines on the canvas.

Click to create a new subject and select the image from your device that will represent them. Selecting multiple images will create multiple subjects: one for each image. Subjects do not have to be added all at once, and the input can be reused as many times as needed.

The best images to use should show the full body of the subject standing upright with a transparent background. All of these are only recommendations, the tool's functionality will not be disrupted if they are ignored, but following them will make the tool more helpful and easier to use.

• Full body: Images that do not display the full body may make it difficult, though not impossible, to accurately mark the top and bottom of the subject. If the top or bottom of the subject goes beyond the bounds of the image, use the top/bottom extension inputs to move the markers beyond the image.
• Upright: If the subject is slouching or sitting, your measurement may not match the image and the subject may appear as though they could be taller than intended if they were to stand upright. This can be disregarded if your measurement accounts for their pose.
• Transparent: Because the canvas allows subjects to overlap, subjects without a transparent background may cover up other subjects and the meter lines behind them. You can use the order input to move opaque-background subjects behind transparent-background subjects, but the meter lines and background color will still be covered.

The position on the subject image to use as the highest point in the height measurement. For humanoid subjects, this is typically the top of the head, excluding the hair.

The position on the subject image to use as the lowest point in the height measurement. For humanoid subjects, this is typically the bottom of the heel. Try to imagine where the ground would be if the subject was on the ground.

Increases the maximum value of the top/bottom of measurement inputs in increments of the image height in pixels.

Lowers the minimum value of the top/bottom of measurement inputs in increments of the image height in pixels.

If you know the height of your subject--or at least the part in the measurement area--input it to the "height" textbox. I programmed it to be quite flexible, so you don't have to worry about conversions unless you have a particularly unusual unit. If you have any suggestions, please let me know.

If you don't know the height of your subject, but you have another subject you do know the height of, and both have the same scale, (i.e. 1px in subject A = 1px in subject B; for example, both are from the same game and are screenshotted at the same level of zoom) put the unknown subject's height as "px" and make sure both subjects are in the same pixel group.

Displays the subject's calculated height in meters. If the height is specified, this is a direct conversion from that. Otherwise, it is calculated using the pixel group.

When the height of a subject is unknown, but has the same pixel scale as another subject with a known height, both subjects can be grouped together with this input. Subjects with an unknown height will have their height calculated using the average pixels-per-meter scale of subjects having a known height in the same pixel group.

Used in calculating the width and center of the subject.

Used in calculating the width and center of the subject.

Uses the pixels-per-meter calculated from the height to calculate the width in meters between the left and right of measurement inputs.

Moves the subject around to the left or right on the canvas. Uses meters and has a range equal to the width of all of your subjects standing side by side.

Changing the height of a subject may impact where they and others are positioned horizontally, as it will change how wide they are.

Moves the subject up and down on the canvas, independent of the bottom of their measurement. Uses meters and has a range equal to the height of the tallest subject.

Changes the relative order subjects are shown in on the canvas. A higher order value will move the subject forward (in front of others), while a lower order value will move them backward (behind others).

Subjects with an order of 0 will be displayed on the canvas in the order (back to front) they were added with the add character input.

Sets whether the subject image should be sampled with the browser's "auto" filtering, or "pixelated" nearest neighbor. Images with high resolution should prefer filtering, while pixel art should prefer not to be filtered.

Removes the subject from the page.