Think of the background image as a sheet of graph paper with the origin (0,0) in the bottom left corner.

The numbers in put-image specify a point on that graph paper, where the center of the top image should be placed.

The width of the rectangle is 300 and the height is 200. The definitions for dot and background are:

(define dot (circle 50 "solid" "red"))

(define background (rectangle 300 200 "outline" "black"))

Estimate: What coordinates for the dot would create each of the following images?

A

B

(put-image dot background)

(put-image dot background)

C

D

(put-image dot background)

(put-image dot background)

These materials were developed partly through support of the National Science Foundation, (awards 1042210, 1535276, 1648684, and 1738598). CCbadge Bootstrap by the Bootstrap Community is licensed under a Creative Commons 4.0 Unported License. This license does not grant permission to run training or professional development. Offering training or professional development with materials substantially derived from Bootstrap must be approved in writing by a Bootstrap Director. Permissions beyond the scope of this license, such as to run training, may be available by contacting contact@BootstrapWorld.org.