<circle x="mouse.x" y="mouse.y" />

    <_ mouse_circle="above_sibling" highlight="color(255, 255, 0, 128)">

        <square x="25" y="25">

            <square on="colliding_with(mouse_circle)" fill="highlight" />

        </square>

        <triangle x1="150" y1="25" x2="150" y2="125" x3="250" y3="125">

            <triangle on="colliding_with(mouse_circle)" fill="highlight" />

        </triangle>

        <circle x="325" y="75">

            <circle on="colliding_with(mouse_circle)" fill="highlight" />

        </circle>

        <rect x="25" y="150" width="200" height="100">

            <rect on="colliding_with(mouse_circle)" fill="highlight" />

        </rect>

        <quad x1="275" y1="150" x2="375" y2="200" x3="275" y3="250" x4="250" y4="225">

            <quad on="colliding_with(mouse_circle)" fill="highlight" />

        </quad>

        <line x1="25" y1="275" x2="375" y2="300">

            <line on="colliding_with(mouse_circle)" stroke="highlight" />

        </line>

        <point x="200" y="350" stroke_weight="20">

            <point on="colliding_with(mouse_circle)" stroke="highlight" />

        </point>

        <shape mode="CLOSE">

            <vertex x="50" y="300">

                <vertex x="350">

                    <vertex y="350">

                        <vertex x="50"></vertex>

                    </vertex>

                </vertex>

            </vertex>

            <_ parent.fill="colliding_with(mouse_circle) ? highlight : NONE"></_>

        </shape>

    </_>

</canvas>