<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!-- <!DOCTYPE Movie SYSTEM "dtd/RVML.dtd"> -->
<Movie version='6' width='500' height='500' rate='12' backgroundColor='rgb(255, 255, 255)' compressed='Yes'
    xmlns="http://www.kineticfusion.org/RVML/2.0">
    <Title>
        Shape Origin Example
    </Title>
    <Desc>
        Illustrates how shapes can be anchored relative to their bounding rectangle, and
        the basic primitives for altering the position of the bounding rectangle. In the red example,
        the shape has the default anchor position on the top-left corner. The green example translates
        the bounding rectangle to 500, 0) and uses the top-right corner as the origin.  The blue example translates
        the bounding rectangle to (0, 500) and uses the bottom-left corner as the origin. The yellow example translates
        the bounding rectangle to (500, 500) and uses the bottom-right corner as the origin. The pink example translates
        the bounding rectangle to (250, 250) and uses the center of the bounding rectangle as the origin.
    </Desc>
   <Definitions>
        <Shape id='Background' bounds='auto'>
            <FillStyles>
                <ColorFill index='1' color='tan' />
            </FillStyles>
            <LineStyles>
                <LineStyle index='1' width='1.0' color='rgb(51, 204, 0)' />
            </LineStyles>
            <Edges>
                <Move x='0' y='0' />
                <SetStyle line='1' rightFill='1'/>
                <Line x='0' y='500' />
                <Line x='500' y='500' />
                <Line x='500' y='0' />
                <Line x='0' y='0' />
                <Move x='250' y='0' />
                <SetStyle rightFill='0'/>
                <Line x='250' y='500' />
                <Move x='0' y='250' />
                <Line x='500' y='250' />

            </Edges>
        </Shape>
        <Shape id='CircleTL' bounds='auto' origin='topLeft'>
            <FillStyles>
                <ColorFill index='1' color='red' />
            </FillStyles>
            <Edges>
                <Move x='0' y='0' />
                <SetStyle rightFill='1'/>
                <Circle cx="125" cy = "125" r="125"/>
            </Edges>
        </Shape>            
        <Shape id='CircleTR' bounds='auto' origin='topRight' translateX="500">
            <FillStyles>
                <ColorFill index='1' color='green' />
            </FillStyles>
            <Edges>
                <Move x='0' y='0' />
                <SetStyle rightFill='1'/>
                <Circle cx="125" cy = "125" r="125"/>
            </Edges>
        </Shape>            
        <Shape id='CircleBL' bounds='auto' origin='bottomLeft' translateY='500'>
            <FillStyles>
                <ColorFill index='1' color='blue' />
            </FillStyles>
            <Edges>
                <Move x='0' y='0' />
                <SetStyle rightFill='1'/>
                <Circle cx="125" cy = "125" r="125"/>
            </Edges>
        </Shape>            
        <Shape id='CircleBR' bounds='auto' origin='bottomRight' translateX='500' translateY='500'>
            <FillStyles>
                <ColorFill index='1' color='yellow' />
            </FillStyles>
            <Edges>
                <Move x='0' y='0' />
                <SetStyle rightFill='1'/>
                <Circle cx="125" cy = "125" r="125"/>
            </Edges>
        </Shape>            
        <Shape id='CircleC' bounds='auto' origin='centre' translateX='250' translateY='250'>
            <FillStyles>
                <ColorFill index='1' color='pink' />
            </FillStyles>
            <Edges>
                <Move x='0' y='0' />
                <SetStyle rightFill='1'/>
                <Circle cx="125" cy = "125" r="125"/>
            </Edges>
        </Shape>            
    </Definitions>
    <Timeline>
        <Frame>
            <Place name='Background' depth='1'/>
            <Place name='CircleTL' depth='2'/>
            <Place name='CircleTR' depth='3'/>
            <Place name='CircleBL' depth='4'/>
            <Place name='CircleBR' depth='5'/>
            <Place name='CircleC' depth='6'/>
        </Frame>
    </Timeline>
</Movie>