It's been quite a while since this blog featured information on GraphicsBuilder, I'm pleased to announce that the builder is not dead, it actually has been rebooted with a new name, GfxBuilder, its sources can now be found under the Griffon umbrella project. The last example shown on this blog was GraphicsBuilder's take on a JavaFX based example: a Coffee Cup with Groovy. As stated on that previous entry there were some kinks to be found on the Groovy version, radial gradients not being able to warp according to its containing shape just to name one. I'm happy to say that no longer is true! here is the updated code with pictures, the first pic corresponds to the older version, the second pic is the newer version.

OLD

NEW

Notice the slight differences in shadows and colors?
antialias true background("black") group(id: "plategroup", borderColor: "none") { ellipse(cx: 0, cy: 10, rx: 160, ry: 50, f: gfx.color("darkGray").brighter()) ellipse(cx: 0, cy: 3, rx: 170, ry: 50, f: gfx.color("lavender")) ellipse(cx: 0, cy: 0, rx: 170, ry: 50, opacity: 0.5) { radialGradient(fy: 100, r: 270) { stop(s: 0.0f, c: color("whiteSmoke")) stop(s: 0.5f, c: color("lightGray")) stop(s: 1.0f, c: color("darkGray")) } } ellipse(cx: 0, cy: 5, rx: 90, ry: 22, opacity: 0.8) { radialGradient(r: 180) { stop(s: 0.0f, c: color("black")) stop(s: 0.4f, c: color("lightGray")) stop(s: 1.0f, c: color("white").darker()) } } transforms { translate(x: 100, y: 120) } } group(id: "cupgroup", borderColor: "none") { subtract { circle(cx: 100, cy: 100, r: 50) rect(x: 25, y: 50, w: 150, h: 50) radialGradient(r: 100) { stop(s: 0.0f, c: color("whiteSmoke")) stop(s: 1.0f, c: color("whiteSmoke").darker()) } } ellipse(cx: 100, cy: 100, rx: 50, ry: 8, f: color('white')) ellipse(cx: 100, cy: 100, rx: 48, ry: 7) { linearGradient(y2: 1){ stop(s: 0.0f, c: color("whiteSmoke")) stop(s: 1.0f, c: color("whiteSmoke").darker()) } } intersect(f: color('darkOrange').darker().darker()) { ellipse(cx: 100, cy: 100, rx: 48, ry: 7) ellipse(cx: 100, cy: 102, rx: 46, ry: 6) } transforms { scale(x: 1.7, y: 1.9) translate(x: -20, y: -53) } }The code is a bit shorter this time, note that there is no need for a global translate transform on the top level group, though scaling and translating the cup is a bit tricky, maybe if the cup was drawn initially at the world origin (like the plate is) but the intent was to follow the JavaFX example as closely as possible. A fine addition to groups is the opacity: property, it is applied to all members of the group, in this case it is used to apply a sense of 3D to the plate without actually looking harsh, kind of like a soft shadow so to speak. More news to follow soon, they're bound to make you feel animated about Groovy

Keep on Groovying!