Roku Developer Program

Developers and content creators—a complete solution for growing an audience directly.
cancel
Showing results for 
Search instead for 
Did you mean: 
tacticalcity
Level 7

SOLVED - My logo looks pixelated.

So my logo looks pretty crappy.

I am using the VideoPlayer Example from the SDK for my app. And i basically just took the logos from the example, openned them up in Photoshop and then used them to make my logo.

My logo is a PNG file with a transparent background...I am hoping that is not causing the issue. That would suck as far as limiting my design options. But I could live with it.

What I think might be the issue is that my logo might be sized incorrectly. Where in the source files do I find what size it has the logo preset to be as far as height and width so I can make sure my files are sized properly.

Thanks for constant help folks. Greatly appreciated.
0 Kudos
4 Replies
tacticalcity
Level 7

Re: My logo looks pixelated.

OK, detailing my efforts to figure this out.

Looking in the appMain.brs file is see the following...

Sub initTheme()

app = CreateObject("roAppManager")
theme = CreateObject("roAssociativeArray")

theme.OverhangOffsetSD_X = "72"
theme.OverhangOffsetSD_Y = "31"
theme.OverhangSliceSD = "pkg:/images/Overhang_Background_SD.png"
theme.OverhangLogoSD = "pkg:/images/Overhang_Logo_SD.png"

theme.OverhangOffsetHD_X = "125"
theme.OverhangOffsetHD_Y = "35"
theme.OverhangSliceHD = "pkg:/images/Overhang_Background_HD.png"
theme.OverhangLogoHD = "pkg:/images/Overhang_Logo_HD.png"

app.SetTheme(theme)

End Sub


It sets the OperhangOffseHD x y position, but does not specify the exact size of the image itself. So no answer there as far as to whether or not my image is too big and looks pixelated because it is being scaled down by the code. Which I was concerned might be a possible cause.
160
My HD Image is 280 x 70 and my SD image is 160 x 40. Just like the VideoPlayer sample images provided with the SDK.

So I guess my question is, does Roku force those image sizes somewhere else? Is it possible the images are being squeezed down or stretched out and not being displayed at the same size they were meant to be?

If not then the only other thing I can think of is the application does not like the transparent background and wants the image to be flattened out on a fixed color background. Not the end of the world, but that limits my design options.
0 Kudos
belltown
Level 7

Re: My logo looks pixelated.

Did you change your overhang slices as well as your logos?
https://github.com/belltown/
0 Kudos
tacticalcity
Level 7

Re: My logo looks pixelated.

Yes, I changed them as well. I did so in photoshop. I did not change the size of the images. And I only covered up the area in the image that already had an image on it. Meaning the areas that were set as transparent did not change. They are still transparent.

I was planning on replacing the images on my Dev version on my own personal Roku with flattened versions without drop shadows and see if that solves it.

If it does the trick, I'll just use these instead. Problem solved. If not I will be back here begging for help again.

With this particular logo I think I like it without the drop shadows and a clean flat solid color background anyway. I am just worried about future projects...if I can talk people into paying me to do this in the near future once I get it figured out. But that is putting the cart before the horse.
0 Kudos
tacticalcity
Level 7

Re: My logo looks pixelated.

I flattened the image and it looks like that solved it.

End result...

0 Kudos