Layer Composition

Layer composition is the process by which several images lay on top of each other to produce a complex graphical visualization. It is similar to layers in Photoshop.

The process is:

1) produce the images and save them in a file
2) define an element to represent that image in your XML
3) make a layer using that element
4) if you put layers in same area, they will lay on top of each other based on the ordering of the xml code.

  Complex Tutorial  


In Complex Tutorial, Group #1 (the first circle from the left), has blue triangle on top of the red circle. This is done through layer composition. Here's the process.

a) Make the graphics: the red circle and blue triangle.
b) Define the elements in the XML code.
c) Define layers using those elements.
d) Place the layers in the same area.



Lets go through in detail how do to each step:

a) make the graphics: the red circle and blue triangle.

red-circle.png
triangle.png


b) define the elements in the XML code.



c) define layers using those elements.





d) place the layers in the same area.



Winamp
AOL Music

Download Winamp, The #1 Free Media Player. Play your MP3, AAC, MPEG, AVI files, and more. Get free MP3 songs, videos, skins and plug-ins. Synch your iPod or Creative Zen, and get mobile music with Winamp Remote.

Copyright © 1999 - 2008 Nullsoft. All Rights Reserved.