Rectangle size estimation guide.
Pixactly asks for simple rectangles, but simple does not mean easy. A rectangle has two dimensions, one proportion, and a position on the canvas. A reliable drawing process helps you make all three decisions before your hand starts moving.
Step 1: classify the shape
Before thinking about exact pixels, decide what kind of rectangle the target describes. Is it almost square? Is it wide and shallow? Is it tall and narrow? This first classification prevents obvious proportion errors. If the target is 260px by 90px, your rectangle should feel like a banner before it feels like a precise number.
Step 2: choose a width anchor
Compare the target width with the visible canvas, the center line of the viewport, and any mental reference sizes you know. Decide where the far horizontal edge should land before you draw. Choose a starting position with enough room for the full rectangle; position itself does not contribute to the score.
Step 3: add height deliberately
Height should not be an afterthought. Once the width is planned, imagine the target height as a separate distance. Compare it with familiar controls: 44px to 56px for buttons, 80px to 120px for small media blocks, and 160px or more for card-like shapes. This keeps the rectangle from becoming accidentally flat or bulky.
Step 4: check proportion before release
Just before releasing the pointer, glance at the whole shape. Does it still match the category you chose in step one? If the target was wide and shallow, the rectangle should not look like a card. If the target was close to square, neither dimension should dominate. This last visual check catches many errors before the round is scored.
Step 5: review the result
After scoring, compare the real target with the drawn rectangle. Do not only look at whether the total score was good. Ask which step failed. Was the initial category wrong? Was the width anchor too far out? Did the height collapse? Naming the failed step gives you a clear adjustment for the next round.
Walk through a 180 × 120px example
Treat these as rehearsal dimensions; the game generates its own targets. First classify the shape as wider than tall, with width equal to one and a half heights. Picture 180px as a 200px anchor with 20px removed. Picture 120px separately as 100px plus 20px.
- Plan: choose an origin and imagine the far endpoint on each axis.
- Draw: make the full rectangle, keeping the two planned distances in mind.
- Check: ask whether the shape still looks about 3:2, without using that ratio as a substitute for size.
- Read feedback: compare both side lengths with the target, then record directions before continuing.
If the drawing is 198 × 108px, it misses by +18px in width and −12px in height, for 30px total off. Reducing both dimensions would make the short height worse. Try a nearer horizontal endpoint first and monitor height. A 198 × 132px drawing also scores 30px off, but both sides are 10% too large: its 3:2 ratio is already correct.
These two results need different follow-up decisions despite matching totals. The visual mistake comparisons show how to separate proportion from scale.