{"id":1025,"date":"2014-02-22T02:02:43","date_gmt":"2014-02-22T01:02:43","guid":{"rendered":"https:\/\/mihosoft.eu\/?p=1025"},"modified":"2015-04-20T12:46:11","modified_gmt":"2015-04-20T10:46:11","slug":"milk-glass-effect-with-javafx","status":"publish","type":"post","link":"https:\/\/mihosoft.eu\/?p=1025","title":{"rendered":"Milk Glass Effect With JavaFX"},"content":{"rendered":"<p>With JavaFX it&#8217;s very easy to make nodes blurry (e.g. <a href=\"http:\/\/docs.oracle.com\/javafx\/2\/api\/javafx\/scene\/effect\/BoxBlur.html\">BoxBlur<\/a>). But what if you&#8217;d like to create a milk glass effect like in the images below?<\/p>\n\n<div id=\"attachment_1033\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-00.04.26.png\"><img aria-describedby=\"caption-attachment-1033\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-00.04.26-300x185.png\" alt=\"Milk Glass Effect\" width=\"300\" height=\"185\" class=\"size-medium wp-image-1033\" srcset=\"https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-00.04.26-300x185.png 300w, https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-00.04.26-1024x631.png 1024w, https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-00.04.26-640x395.png 640w, https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-00.04.26-310x190.png 310w, https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-00.04.26-700x431.png 700w, https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-00.04.26-900x555.png 900w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1033\" class=\"wp-caption-text\">Milk Glass Effect<\/p><\/div>\n\n<div id=\"attachment_1038\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-01.53.45.png\"><img aria-describedby=\"caption-attachment-1038\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-01.53.45-300x190.png\" alt=\"Milk Glass with WebView\" width=\"300\" height=\"190\" class=\"size-medium wp-image-1038\" srcset=\"https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-01.53.45-300x190.png 300w, https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-01.53.45-1024x649.png 1024w, https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-01.53.45-700x443.png 700w, https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-01.53.45-900x570.png 900w, https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-01.53.45.png 1208w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1038\" class=\"wp-caption-text\">Milk Glass with WebView<\/p><\/div>\n\n<p>With some tricks this is possible as well. Here&#8217;s the video tutorial that shows you how to accomplish this:<\/p>\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/NsMSgTcJarg\" frameborder=\"0\" allowfullscreen><\/iframe>\n\n<p>Tutorial code: <a href=\"https:\/\/github.com\/miho\/MilkGlass\">https:\/\/github.com\/miho\/MilkGlass<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With JavaFX it&#8217;s very easy to make nodes blurry (e.g. BoxBlur). But what if you&#8217;d like to create a milk glass effect like in the images below? With some tricks this is possible as well. Here&#8217;s the video tutorial that shows you how to accomplish this: Tutorial code: https:\/\/github.com\/miho\/MilkGlass<\/p>","protected":false},"author":1,"featured_media":1033,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[13,129,21],"tags":[22,124,54],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/mihosoft.eu\/wp-content\/uploads\/2014\/02\/Bildschirmfoto-2014-02-22-um-00.04.26.png","jetpack_shortlink":"https:\/\/wp.me\/p2P2yR-gx","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mihosoft.eu\/index.php?rest_route=\/wp\/v2\/posts\/1025"}],"collection":[{"href":"https:\/\/mihosoft.eu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mihosoft.eu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mihosoft.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mihosoft.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1025"}],"version-history":[{"count":11,"href":"https:\/\/mihosoft.eu\/index.php?rest_route=\/wp\/v2\/posts\/1025\/revisions"}],"predecessor-version":[{"id":1040,"href":"https:\/\/mihosoft.eu\/index.php?rest_route=\/wp\/v2\/posts\/1025\/revisions\/1040"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mihosoft.eu\/index.php?rest_route=\/wp\/v2\/media\/1033"}],"wp:attachment":[{"href":"https:\/\/mihosoft.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mihosoft.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mihosoft.eu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}