After working on the area operations I made an effort to squeeze in group and transformations. The following code shows how they can be used
color('green') group { rect( x: 10, y: 10, width: 290, height: 130, arcWidth: 20, arcHeight: 20, color: 'black', strokeWidth: 2 ) rect( x: 10, y: 10, width: 280, height: 60, arcWidth: 20, arcHeight: 20, color: 'blue', strokeWidth: 2, fill: 'cyan' ){ transformations { translate( x: 10, y: 0 ) } } rect( x: 10, y: 80, width: 280, height: 60, arcWidth: 20, arcHeight: 20, color: 'darkRed', strokeWidth: 2, fill: 'red' ) color( 'yellow' ) line( x1: 20, y1: 100, x2: 290, y2: 100, strokeWidth: 6 ) } line( x1: 20, y1: 110, x2: 290, y2: 110, strokeWidth: 6 )
So what do we have here...

1. set the current color to green.
2. declare a group, all operations that change the graphics context will not have an effect outside the group.
3. draw a rounded not-filled rectangle, which will serve as a bound delimiter.
4. draw another rounded rectangle, filled with cyan.
5. apply a transformation to the last rectangle, it will translate the rectangle by 10 units across the x axis.
6. draw a third rectangle, filled with red. Note that the 3 rectangles start at the same x position.
7. set the current color to yellow.
8. draw a line, it should be stroked with yellow (current color).
9. draw a second line (oustide the group), it should be stroked with green(current color).

So how does it look?


Transformations may be applied to any contextual or grouping operation (a contextual operation allows nesting of other operations), and as in JavaFX, there are four of them: translate, scale, rotate and skew. As the builder evolves I see that it's becoming a little bit difficult to keep track of all the samples, so I decided to create a demo app (like the JavaFX tutorial) that will server as a showcase. By the way Danno has been busy adding binding support to SwingBuilder, and its very likely that that binding solution will be used in GraphicsBuilder.

Keep on Groovying!