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
|
| |