Your Digital Media Has Never Looked So Good

 
nmaves
Topic Author
Posts: 3
Joined: Mon Jul 10, 2017 6:52 pm

Gaussian blur on background images

Fri Jul 14, 2017 9:30 am

I am trying to find a way to blur a poster image for the background of a content detail page.

Is this possible and if so can you point me in the right direction.

Nathan
 
User avatar
EricBezanson
Posts: 2
Joined: Fri Jul 07, 2017 10:33 am
Location: Halifax, NS
Contact:

Re: Gaussian blur on background images

Wed Jul 19, 2017 10:28 am

Hey Nathan!

To my knowledge there is not a way blur an image natively within the sdk, you can use the maskGroup feature but this is not available on all devices (https://sdkdocs.roku.com/display/sdkdoc/MaskGroup)

One way you can accomplish this is simply create an image with some opacity in photoshop and then place it overtop of the image you want to blur. so for example if you have say a modal that pops up over top of your main screen to display information about the content, you can set the modal size to be full screen and then set the modal background image to your semi-transparent gaussian-blur image. This method should work on all devices.

as a test i just took this image https://wallpaperlayer.com/img/2015/6/gaussian-blur-wallpaper-3240-3444-hd-wallpapers.jpg from a google search, set its opacity to 90% in photoshop and then applied it over top of an image and achieved an effect similar to the gaussian blur effect. 

Hope this helps! have a good one.
- Eric Bezanson -
Associate Developer, REDspace
 
User avatar
RokuNB
Posts: 183
Joined: Fri Mar 31, 2017 2:22 pm

Re: Gaussian blur on background images

Wed Jul 19, 2017 11:26 am

@EricBezanson -
wouldn't it also be possible (and easier) to use the opacity field? I have not tried, it just seems like something that should work - either directly applied on the image or applied on a "blurification" image put on top. That image can be generated with some white noise in it and used in multiple places... one imagines.
 
User avatar
EricBezanson
Posts: 2
Joined: Fri Jul 07, 2017 10:33 am
Location: Halifax, NS
Contact:

Re: Gaussian blur on background images

Thu Jul 20, 2017 11:42 am

@RokuNB I have not tested that but I don't see any reason why that wouldn't work, its another great solution! 
The reason I chose to create an image in photoshop was to limit the amount of opacity operations preformed by the device, which could add up if its done a lot throughout the app. However at the end of the day it probably wouldn't save anything noticeable as far as performance but that is just how my brain works haha.
- Eric Bezanson -
Associate Developer, REDspace

Who is online

Users browsing this forum: No registered users and 6 guests