<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!-- <!DOCTYPE Movie SYSTEM "dtd/RVML.dtd"> -->
<Movie version='6' width='600' height='400' rate='1' backgroundColor='white' compressed='No'
    xmlns="http://www.kineticfusion.org/RVML/2.0">
    <Title>
        Color Specification Example
    </Title>
    <Desc>
        Illustrate how to specify colors in RVML using a simple circle. This example also 
        highlights the effect of the opacity attribute. Colors 
        are specified using standard SVG color names(e.g.'red'), SVG color constants 
        (e.g. '#ff0000'), rgb tuples (e.g. 'rgb( 255, 0, 0)'), or rgba 
        tuples (e.g. 'rgba( 255, 0, 0, 255)'). 
    </Desc>
    <Definitions>
        <FontDefinition id='Arial' fontName='Arial' fontStyle='(bold)' fontRange='defined' />
        <EditField id='circleHeading' bounds='bounds(-2, -2.0, 150, 14.0)' fieldName='' fontID='Arial' fontSize='10.0' alignment='left' charLimit='0' color='black' properties='(systemFont)'>
            <InitialText>Circle</InitialText>
        </EditField>
        <EditField id='circleTransHeading' bounds='bounds(-2, -2.0,150, 14.0)' fieldName='' fontID='Arial' fontSize='10.0' alignment='left' charLimit='0' color='black' properties='(systemFont)'>
            <InitialText>Circle with semi-opaque fill</InitialText>
        </EditField>

        <!-- Circle -->
        <Shape id='largeCircle' bounds="auto">
            <LineStyles>
                <LineStyle index="1" width="0.05" color="rgb(255,0,0)"/>
            </LineStyles>
            <FillStyles>
                <ColorFill index="1" color="lightGrey"/>
            </FillStyles>
            <Edges>
                <SetStyle line="1" mainFill="1"/>
                <Move x="0" y="0"/>
                <Circle r="50"/>
            </Edges>
        </Shape>
        <Shape id='largeCircleTrans' bounds="auto">
            <LineStyles>
                <LineStyle index="1" width="1" color="rgba(100, 0,0, 200)"/>
            </LineStyles>
            <FillStyles>
                <ColorFill index="1" color="blue" opacity="0.5"/>
            </FillStyles>
            <Edges>
                <SetStyle line="1" mainFill="1"/>
                <Move x="0" y="0"/>
                <Circle r="50"/>
            </Edges>
        </Shape>
    </Definitions>
    <Timeline>
        <Frame>
            <Place name="circleHeading" depth="1" x="100" y="30"/>
            <Place name="largeCircle" depth="2" x="150" y="100"/>
            <Place name="circleTransHeading" depth="3" x="150" y="30"/>
            <Place name="largeCircleTrans" depth="4" x="200" y="100"/>
        </Frame>
    </Timeline>
</Movie>