| 
| 
        
        
        
        
        
        
        
        
 
  
        
        
        
        
        
        
        
        
        
        
        
        
 
  
  | A guide to the examples included with Jarl2d |  
    | Thumbnail | Example Name | Description | Widgets | Traits | Strokes | Filters |  
    |  | example1.xml | 'Hello Jarl' example | Text |  |  |  |  
    |  | example2.xml | This is a duplicate of example1 except the output is a JPEG It will output one frame with the text: 'Hello Jarl' | Text |  |  |  |  
    |  | example3.xml | It will output ten frames with the text: 'Hello' for the first 5 frames, and 'Jarl' for the last 5 frames This example builds on the first example by adding: Rendering hints A border Multiple Frames (10 frames) 2 widget instances | Text |  |  |  |  
    |  | example4.xml | It will output ten frames with the text: 'Hello' for the first 5 frames, and 'Jarl' for the last 5 frames A system border (250 x 250) Custom frame dimensions 2 widget instances Overriding properties in the widget instances from the widget definitions | Text, Rectangle, SimpleCollection |  |  |  |  
    |  | example5.xml | traits which can be shared among widget definitions at present some 'animation' types of behaviour It will output ten frames with the text: 'Hello' for the first 5 frames, and 'Jarl' for the last 5 frames while the color of the text changes from red to purple | Text, Rectangle, SimpleCollection | Position, Painter |  |  |  
    |  | example6.xml | motion example It will output ten frames with the text: 'Hello' for the first 5 frames, and 'Jarl' for the last 5 frames while the color of the text changes from red to purple, and the text travels from the bottom of the screen to the top | Text, Rectangle, SimpleCollection | Position, Painter |  |  |  
    |  | example7.xml | lines example It will draw three rotating lines starting at 0, 30 and 60 frames | Line, Rectangle, SimpleCollection | Position, Rotate, Painter |  |  |  
    |  | example8.xml | ellipses example with more complex motion using segments with the Position trait while spinning around three times in one direction, then three times in the other. | Rectangle, Ellipse, SimpleCollection | Position, Rotate, Painter |  |  |  
    |  | example9.xml | More advanced widget example | Rectangle, Ellipse, SimpleCollection | Position, Rotate, Painter |  |  |  
    |  | example10.xml | Example of more complicated motion with text and curves | Text, Rectangle, SimpleCollection | Position, Rotate |  |  |  
    |  | example11.xml | Example of more complicated motion with text and curves | Text, Rectangle, SimpleCollection | Motion, Position, Rotate, Painter |  |  |  
    |  | example12.xml | Resizing Trait example This will show a circle grow from 5% to 100% | Rectangle, Ellipse, SimpleCollection | Resize, Position |  |  |  
    |  | example13.xml | Resizing example This will show a circle grow from 5% to 100% then back to 5% Notice how the ellipse is defined to be 100% and it's actual size is controlled by the resize trait | Rectangle, Ellipse, SimpleCollection | Resize, Position |  |  |  
    |  | example14.xml | Resizing Trait example This will show a circle growing and shrinking as it wanders about the screen Also, it concludes with a 10 frame pause... | Rectangle, Ellipse, SimpleCollection | Resize, Motion, Position, Painter |  |  |  
    |  | example15.xml | Alpha transparency example It will draw three rotating lines starting at 0, 30 and 60 frames | Line, Rectangle, SimpleCollection | Resize, Motion, Position, Rotate, Transparent, Painter |  |  |  
    |  | example16.xml | Widget containers example This is identical to example15, but uses a collection widget to apply the same traits to a group of widgets | Line, Rectangle, SimpleCollection | Resize, Motion, Position, Rotate, Transparent, Painter |  |  |  
    |  | example17.xml | Trait containers example This is similar to example16, but uses a collection trait to group traits and creates a 'spiderweb' composite widget | Line, Ellipse, Rectangle, SimpleCollection | Resize, Motion, Position, Rotate, Transparent, Painter, SimpleCollection |  |  |  
    |  | example18.xml | Echo Composite widget example This is identical to example18, but uses a collection trait echo | EchoCollection, Rectangle, SimpleCollection | Motion, Position |  |  |  
    |  | example19.xml | Echo trait example This is identical to example17, but uses a collection trait to echo | Line, EchoCollection, Ellipse, Rectangle, SimpleCollection | Resize, Motion, Position, Rotate, Painter, SimpleCollection |  |  |  
    |  | example20.xml | the color guide | Text, Rectangle, SimpleCollection | Position, Painter |  |  |  
    |  | example21.xml | Precision Stroke example This starts with a circle and removes the precision with which the circle is drawn so that it eventually becomes a line | Rectangle, Ellipse, SimpleCollection | Position | Precision |  |  
    |  | example22.xml | An extension of example21 with resizing | Rectangle, Ellipse, SimpleCollection | Resize, Position | Precision |  |  
    |  | example23.xml | An extension of example22 with echos and colors | EchoCollection, Rectangle, Ellipse, SimpleCollection | Resize, Position, Painter, SimpleCollection | Precision |  |  
    |  | example24.xml | Trace Stroke example This starts with a circle but only paint a portion of its outline at a time | Rectangle, Ellipse, SimpleCollection | Position | Trace |  |  
    |  | example25.xml | Building on example24, add a couple of simultaneous traces | Rectangle, Ellipse, SimpleCollection | Position | Trace |  |  
    |  | example26.xml | Building on example25, addding echos to the traces | EchoCollection, Rectangle, Ellipse, SimpleCollection | Position, Painter | Trace |  |  
    |  | example27.xml | Building on example26, addding multiple strokes | EchoCollection, Rectangle, Ellipse, SimpleCollection | Position, Painter | Trace, Precision |  |  
    |  | example28.xml | An ellipse with traced echos that rotates | EchoCollection, Rectangle, Ellipse, SimpleCollection | Position, Rotate, Painter | Trace |  |  
    |  | example29.xml | Sin Stroke which decorates the ellipses drawn (one ellipse is filled, the other isn't) | Rectangle, Ellipse, SimpleCollection | Position, Painter | Sin |  |  
    |  | example30.xml | Sin Strokes with randomness for jaggedness | Rectangle, Ellipse, SimpleCollection | Position, Painter | Sin |  |  
    |  | example31.xml | A more complex example showing an outlined Jarl message, followed by some futher abstract widgets | EchoCollection, Text, Ellipse, Rectangle, SimpleCollection | Resize, Position, Rotate, Transparent, Painter | Trace, Sin, Precision |  |  
    |  | example32.xml | First global filters | Line, FrameDebugText | Position, Painter | Sin | Sphere, Twirl |  
    |  | example33.xml | twirl and sphere filters | Line, FrameDebugText | Position, Painter | Sin | Sphere, Twirl |  
    |  | example34.xml | marble filter | Line, FrameDebugText | Position, Painter | Sin | Marble |  
    |  | example35.xml | water filter | Line, SimpleCollection | Position, Painter |  | Water, Sphere, Marble |  
    |  | example36.xml | This is farily complex example using a variety of techniques | Rectangle, Ellipse, SimpleCollection | Motion, Position, Transparent, Painter | Sin | Lookup, Sphere, Marble |  
    |  | example37.xml | local filters for widgets | Line, Rectangle | Position, Painter | Sin | Marble, Twirl |  
    |  | example38.xml | the gradient guide | Text, Rectangle, SimpleCollection | Position, GradientPainter |  |  |  
    |  | example39.xml | local filters for widgets that aren't centered | Line, Rectangle | Position, Painter | Sin | Marble, Twirl |  
    |  | example40.xml | fractals widgets example | Fractal, FrameDebugText | Position |  |  |  
    |  | example41.xml | interpolating gradients | Rectangle | Position, GradientPainter |  |  |  
    |  | example42.xml | fractal with filters and traits. | Fractal, FrameDebugText | Position, Rotate |  | Twirl |  
    |  | example43.xml | Shear trait example It also demonstrates the debugBorder | Rectangle | Shear, Position, GradientPainter |  |  |  
    |  | example44.xml | Plasma filter example | Ellipse | Position |  | Plasma |  
    |  | example45.xml | Plasma filter example2 Blending in and out of different plasma clouds | Rectangle | Resize, Position, Rotate, Transparent |  | Plasma |  
    |  | example46.xml | Spirograph | EchoCollection, Ellipse | Position, GradientPainter, RotationPainter, Rotate |  |  |  
    |  | example47.xml | Star Field and Hold Frame | HoldFrameCollection, StarField, EchoCollection, FrameDebugText | Position, RotationPainter, Rotate |  |  |  
    |  | example48.xml | JarlWeb widget example | Line, Ellipse, Rectangle, SimpleCollection |  |  |  |  
    |  | example49.xml | JarlWeb trait example | EchoCollection, Ellipse | Resize, RotationPainter, Rotate |  |  |  
    |  | example50.xml | JarlWeb stroke example | Line, EchoCollection | RotationPainter, Rotate | Sin |  |  
    |  | example51.xml | JarlWeb filter example | Line, SimpleCollection | GradientPainter |  | Water |  
    |  | example52.xml | Introducing PositionPath | EchoCollection, Rectangle | Resize, Position, GradientPainter, PositionPath, Rotate |  |  |    |  
    | Last Updated: Wednesday, April 30 -- 2003 |  |  |