2. Attribute

Now you have your mallet on the air hockey table. It follows your mouse. So you are ready to play air hockey. As you can see in airhockey.js, you can set x coordinate of your mallet like:

	svg.YouX = e.pageX;

These features are defined by using stasc attribute tags in Table.ss.xml. Provided xmlns:ss="http://tshibata.github.io/2013/stasc", <ss:attribute name="YouX" target="cx"/> in circle tag means that the graft has property "YouX" which stands for attribute "cx" of the circle.

Native property and Acquired property

Note that you can't use property names that dom objects already have. An easy way to avoid confliction is to use capital like "YouX". Another is to use prefix like "$youX" or "_youX".