Game Development Reference
In-Depth Information
<h2>Claritas est etiam</h2>
<p>Claritas est etiam processus dynamicus,
qui sequitur mutationem consuetudium lectorum.
Mirum est notare quam littera gothica, quam
nunc putamus parum claram, anteposuerit
litterarum formas humanitatis per seacula
quarta decima et quinta decima. Eodem modo
typi, qui nunc nobis videntur parum clari,
fiant sollemnes in futurum.</p>
</div>
Defining shapes
Conveniently, possible values for shape properties are the same as basic SVG
shapes. The four available shapes are rectangle, ellipse, circle, and polygon. Point
values can be represented as length values or percentage values. The syntax for
each of these shapes is very consistent and is of the form
<shape>([value]{?})
.
For example:
•
rectangle(x, y, width, height)
: Defines a sharp rectangle with
the top left corner of the shape being positioned at point x, y
•
rectangle(x, y, width, height, round-x, round-y)
:
Defines a rectangle with the option of rounding its corners
•
ellipse(x, y, radius-x, radius-y)
: Defines an ellipse centered
at point x, y
•
circle(x, y, radius)
: Defines a circle of a given radius, center at
point x, y
•
polygon(p1-x p1-y, p2-x p2-y, (…))
: Defines a polygon given
three or more pairs of x, y positions
