Layered images and icons with JavaFX

Maybe some of you have seen the presentation of the new AppleTV. Apple always creates awesome UIs and for the new AppleTV the introduced an unique way how icons can be displayed: Layered Images.

By layering images a 3D look is created. This looks very cool and I can’t wait to test this new feature.

Since I have to wait 1 more month I started to recreate the effect by using JavaFX today. With some math, transition, perspective transformation and shadows I created a JavaFX demo that copies this new icon visualization. I will blog later how this is done in detail. But I like my current results that much that I want to share them with you ;)

Here is a first preview (and yes I only used JavaFX to create this):

{% include posts/youtube.html id=“zLR7oCh7U5g” %}

Hendrik Ebbers

Hendrik Ebbers is the founder of Open Elements. He is a Java champion, a member of JSR expert groups and a JavaOne rockstar. Hendrik is a member of the Eclipse JakartaEE working group (WG) and the Eclipse Adoptium WG. In addition, Hendrik Ebbers is a member of the Board of Directors of the Eclipse Foundation.

Circle Circle

Open Source made right


Privacy Policy Cookie Policy Privacy Config Impressum