the whitespace around it changes, and this can be used to make a shape appear active or in motion.</p>

    <div class="grid">
        {% p5 shape/figure-and-ground/rotation1.js class:'col-1-3' caption:'A rectangle with no rotation appears static because of the symmetric whitespace.' %}
        {% p5 shape/figure-and-ground/rotation2.js class:'col-1-3' caption:'A rotation of 45&deg; creates more complex – but still symmetric – whitespace.' %}
        {% p5 shape/figure-and-ground/rotation3.js class:'col