<?xml version="1.0" encoding="UTF-8" standalone="yes" ?> <!-- <!DOCTYPE Movie SYSTEM "dtd/RVML.dtd"> --> <Movie version='6' width='600' height='500' rate='12' backgroundColor='rgb(255, 255, 255)' compressed='Yes' xmlns="http://www.kineticfusion.org/RVML/2.0"> <Title> Shape Fill Examples </Title> <Desc> Illustrates the options available when specifying fills for shapes. In the first 2 examples we see that, by default, line styles have a higher z-order than fill styles. Fill styles with a higher index will be drawn over those fill areas with a lower index. In the third example, we see that in order for a fill style to have a higher z-order than a line style, it must be declared in a newer style table. As the SWF format permits lines to specify fills on both sides of the line, in the lower three examples we illustrate how the previous examples can be optimized to attain the same effects. </Desc> <Definitions> <Shape id='PurpleOverBlue' bounds='auto'> <FillStyles> <ColorFill index='1' color='blue' /> <ColorFill index='2' color='purple' /> </FillStyles> <LineStyles> <LineStyle index='1' width='1.0' color='rgb(51, 204, 0)' /> </LineStyles> <Edges> <Move x='0' y='0' /> <SetStyle line='1' mainFill='1'/> <Line isRelative='Yes' x='100' y='0' /> <Line isRelative='Yes' x='0' y='100' /> <Line isRelative='Yes' x='-100' y='0' /> <Line isRelative='Yes' x='0' y='-100' /> <Move x='50' y='50' /> <SetStyle mainFill='2'/> <Line isRelative='Yes' x='100' y='0' /> <Line isRelative='Yes' x='0' y='100' /> <Line isRelative='Yes' x='-100' y='0' /> <Line isRelative='Yes' x='0' y='-100' /> </Edges> </Shape> <Shape id='BlueOverPurple' bounds='auto'> <FillStyles> <ColorFill index='1' color='purple' /> <ColorFill index='2' color='blue' /> </FillStyles> <LineStyles> <LineStyle index='1' width='1.0' color='rgb(51, 204, 0)' /> </LineStyles> <Edges> <Move x='0' y='0' /> <SetStyle line='1' mainFill='1'/> <Line isRelative='Yes' x='100' y='0' /> <Line isRelative='Yes' x='0' y='100' /> <Line isRelative='Yes' x='-100' y='0' /> <Line isRelative='Yes' x='0' y='-100' /> <Move x='50' y='50' /> <SetStyle mainFill='2'/> <Line isRelative='Yes' x='100' y='0' /> <Line isRelative='Yes' x='0' y='100' /> <Line isRelative='Yes' x='-100' y='0' /> <Line isRelative='Yes' x='0' y='-100' /> </Edges> </Shape> <Shape id='BlueOverPurpleWithLines' bounds='auto'> <FillStyles> <ColorFill index='1' color='purple' /> </FillStyles> <LineStyles> <LineStyle index='1' width='1.0' color='rgb(51, 204, 0)' /> </LineStyles> <Edges> <Move x='0' y='0' /> <SetStyle line='1' mainFill='1'/> <Line isRelative='Yes' x='100' y='0' /> <Line isRelative='Yes' x='0' y='100' /> <Line isRelative='Yes' x='-100' y='0' /> <Line isRelative='Yes' x='0' y='-100' /> <FillStyles> <ColorFill index='1' color='blue' /> </FillStyles> <Move x='50' y='50' /> <SetStyle line='1' mainFill='1'/> <Line isRelative='Yes' x='100' y='0' /> <Line isRelative='Yes' x='0' y='100' /> <Line isRelative='Yes' x='-100' y='0' /> <Line isRelative='Yes' x='0' y='-100' /> </Edges> </Shape> <Shape id='BluePurpleBlank' bounds='auto'> <FillStyles> <ColorFill index='1' color='blue' /> <ColorFill index='2' color='purple' /> </FillStyles> <LineStyles> <LineStyle index='1' width='1.0' color='rgb(51, 204, 0)' /> </LineStyles> <Edges> <Move x='0' y='0' /> <SetStyle line='1' mainFill='1'/> <Line isRelative='Yes' x='100' y='0' /> <Line isRelative='Yes' x='0' y='50' /> <Line isRelative='Yes' x='-50' y='0' /> <Line isRelative='Yes' x='0' y='50' /> <Line isRelative='Yes' x='-50' y='0' /> <Line isRelative='Yes' x='0' y='-100' /> <Move x='100' y='50' /> <SetStyle line='1' mainFill='2'/> <Line isRelative='Yes' x='50' y='0' /> <Line isRelative='Yes' x='0' y='100' /> <Line isRelative='Yes' x='-100' y='0' /> <Line isRelative='Yes' x='0' y='-50' /> <Line isRelative='Yes' x='50' y='0' /> <Line isRelative='Yes' x='0' y='-50' /> </Edges> </Shape> <Shape id='BluePurpleGreen' bounds='auto'> <FillStyles> <ColorFill index='1' color='blue' /> <ColorFill index='2' color='purple' /> <ColorFill index='3' color='green' /> </FillStyles> <LineStyles> <LineStyle index='1' width='1.0' color='rgb(51, 204, 0)' /> <LineStyle index='2' width='1.0' color='red' /> </LineStyles> <Edges> <Move x='0' y='0' /> <SetStyle line='1' rightFill='1'/> <Line isRelative='Yes' x='100' y='0' /> <Line isRelative='Yes' x='0' y='50' /> <SetStyle line='2' mainFill='3'/> <Line isRelative='Yes' x='-50' y='0' /> <Line isRelative='Yes' x='0' y='50' /> <SetStyle line='1' mainFill='0'/> <Line isRelative='Yes' x='-50' y='0' /> <Line isRelative='Yes' x='0' y='-100' /> <Move x='100' y='50' /> <SetStyle rightFill='2'/> <Line isRelative='Yes' x='50' y='0' /> <Line isRelative='Yes' x='0' y='100' /> <Line isRelative='Yes' x='-100' y='0' /> <Line isRelative='Yes' x='0' y='-50' /> <SetStyle line='2' mainFill='3'/> <Line isRelative='Yes' x='50' y='0' /> <Line isRelative='Yes' x='0' y='-50' /> </Edges> </Shape> <!-- Here becase we don't have a consistent fill strategy it uses only the Left fill as the primary fill --> <Shape id='WrongFills' bounds='auto'> <FillStyles> <ColorFill index='1' color='blue' /> <ColorFill index='2' color='purple' /> <ColorFill index='3' color='green' /> </FillStyles> <LineStyles> <LineStyle index='1' width='1.0' color='rgb(51, 204, 0)' /> <LineStyle index='2' width='1.0' color='red' /> </LineStyles> <Edges> <Move x='0' y='0' /> <SetStyle line='1' mainFill='3' rightFill='1'/> <Line isRelative='Yes' x='100' y='0' /> <Line isRelative='Yes' x='0' y='50' /> <SetStyle line='2'/> <Line isRelative='Yes' x='-50' y='0' /> <Line isRelative='Yes' x='0' y='50' /> <SetStyle line='1'/> <Line isRelative='Yes' x='-50' y='0' /> <Line isRelative='Yes' x='0' y='-100' /> <Move x='100' y='50' /> <SetStyle rightFill='2'/> <Line isRelative='Yes' x='50' y='0' /> <Line isRelative='Yes' x='0' y='100' /> <Line isRelative='Yes' x='-100' y='0' /> <Line isRelative='Yes' x='0' y='-50' /> <SetStyle line='2' /> <Line isRelative='Yes' x='50' y='0' /> <Line isRelative='Yes' x='0' y='-50' /> </Edges> </Shape> </Definitions> <Timeline> <Frame> <Place name='BlueOverPurple' depth='1'/> <Place name='PurpleOverBlue' depth='2' x='200' y='0'/> <Place name='BlueOverPurpleWithLines' depth='3' x='400' y='0'/> <Place name='BluePurpleBlank' depth='4' y='200'/> <Place name='BluePurpleGreen' depth='5' x='200' y='200'/> <Place name='WrongFills' depth='6' x='400' y='200'/> </Frame> </Timeline> </Movie>