I have been playing with JavaFX recently, and it has to be said that I’ve been having a really pleasant time. The API is really well documented, and the code itself is simple, intuitive and easy get the hang of.
I was pleasantly surprised when I came to read the Reflection Documentation to find that adding reflections to Nodes is in fact a single line. It really is as simple as this:
ImageView imView = new ImageView(); imView.setEffect(new Reflection());
And now your ImageView has a reflection applied to it!
Unfortunately however, this addition revealed something not so desirable in the output. Here’s a screenshot:
As you can see, there are two ImageViews that overlap, with the one on the right obscuring half of the one on the left. This isn’t reflected on the reflections however, as the middle of the two images merge together incorrectly. The fix should be quite simple, the reflections just need to be cropped to the visible area of the Nodes that they reflect.
I have created a bug report, so hopefully there will be a fix in the future!
I have written several articles on converting our Java3D usage into JavaFX and you can read the other articles here.
Latest posts by Leon Atherton (see all)
- Adding Google Analytics to Web Content - January 17, 2014
- Image Optimisation: What PNGQuant is and why you should use it - January 14, 2014
- Adding Annotations to Web Content with Annotator.js - January 13, 2014
- How to fill shapes on HTML5 Canvas using EvenOdd winding rule - September 4, 2013