Jump to content
LaunchBox Community Forums

COMMUNITY Theme Creator for BigBox 1.0.9.0 - I'm alive!


Recommended Posts

I have been heads down focusing on 1.0.9.0 which will introduce nested UI Elements, for those of you that have knowledge of XAML will understand what that means and hopefully understand what a challenge this is ?  but anyway... I am working on the visual side of things now and figured I'd give you a little sneak peek of what to expect.

capture.thumb.png.0271738c742869638a05cc4c8c86ad1f.png

  • Like 7
  • Thanks 1
  • Unusual Gem 4
Link to comment
Share on other sites

  • 2 weeks later...

Yes, UI scaling is a little strange. I've noticed that it's best to start the theme with a 100% scale so that all the backend files initially create the files at 4K or whatever res you want. I actually lost some progress because I started a theme at 4k at 225% scaling and I was confused by why all the measurements were saying I was essentially at 900p res. I then realized that I needed to be at 100% scaling and you can't change it in the editor (the xaml text files won't show a difference if you change windows scaling) once it's initially created. So I forced to to be 3840x2160(4k) by editing on line in the xaml text file but this then threw off my entire theme because it got way smaller in the editor. So that's why I say start your themes at 100% scaling! What sets the resolution is that initially starting resolution and scaling of your theme. If later you then want to have the larger UI scaling for the editor and go to say 225% at 4k then the backend xaml files will still be 3840x2160 (4k) but sadly the measurement numbers will still be showing a lower res based on your scaling amount.  So what I now do is this...once I set me theme initially at true 4k 100% scaling, I then set it back to 225% like i prefer for the ui scaling to be more readable. The pixel count of element sizes will still be off (but scaled proportionally so it still will stay in place with scaling changes) but the background xaml files will still say 3840x2160(4k). Once I have my theme loosely where I want want it I will then switch my dpi back 100% to do the precise movements and measurements.  It's a bit of a pain but at least I understand it. Ideally, it should set the background xaml files and usable pixel measurements at 3840x2160 without it looking at your dpi scaling of windows. It should only be scaling the UI of the editor and not the theme element measurements. This is probably quite a hard issue to resolve I would imagine. I've also noticed that at times animations seem to be smoother at the initially set resolution and scaling. Sometimes when I change my scaling from 100% to 225% and test my theme the animations are a tiny bit laggy. But switching back to 100% they will be perfectly 60fps again. That doesn't always happen though so I'm still not sure what's up there. Maybe that's just me. On an unrelated note, just as a tip, I'll say this; If you are making custom art for your theme I have found it will only be fully clear if it's exported/created at 72ppi. At work I commonly export things at 300 dpi for print files. 72ppi is for web/screens generally. Anyway, I was drawing all these custom icons for my new theme (which I have yet to reveal) and was exporting them at 300ppi and when I tested them in my theme they were all super blurry! I was going crazy trying to figure out why. Then when I went back and reexported the files at 72ppi they were showing the real resolution and not a blurry mess. So I just scaled them up in Adobe Illustrator (they can scale because it's vector art) so that they'd still be pin sharp at 72ppi.

Edited by Dan Patrick
Link to comment
Share on other sites

Y2guru, I have a request...

For my current theme I would like to have a simple outline around boxart and be able to set the pixel amount and color of the outline.  I would also like the ability to round corners on box art. I love how the rounding corners works for frames. The rounded corners may be difficult to do because theres the box art container and the actual box art image within that container. I, of course, am referring to rounding the box art itself not the container. So therefore, that may be terribly difficult on your end. I don't know! But I think that would be a super cool feature and super useful! Thanks so so much for the many hard hours you have put in theme creator! The hard work really shows!

Link to comment
Share on other sites

13 minutes ago, Dan Patrick said:

Y2guru, I have a request...

For my current theme I would like to have a simple outline around boxart and be able to set the pixel amount and color of the outline.  I would also like the ability to round corners on box art. I love how the rounding corners works for frames. The rounded corners may be difficult to do because theres the box art container and the actual box art image within that container. I, of course, am referring to rounding the box art itself not the container. So therefore, that may be terribly difficult on your end. I don't know! But I think that would be a super cool feature and super useful! Thanks so so much for the many hard hours you have put in theme creator! The hard work really shows!

Have you tried applying an opacity mask (with rounded corners)  to the box art?

Link to comment
Share on other sites

Thanks for your reply! Well, I haven't tried that and maybe that's what I need. The kicker is, would this have to be set per console because every box shape is different? I would like it to be a rounding setting and I say y'know 15 pixels and that works on each box regardless of its shape. Even within one system there can be different box shapes. For instance if you have a Japanese GBA game amongst your US GBA games then the box will be more of a rectangle than a square. I have already found that it's possible to "fake" an outline. It's imperfect but it does work. I had my box art where I wanted it and added a second slightly larger box behind it tinted 100% opacity white and then it gave the outline effect. The problem is that some of my games have more than one box art that was downloaded for it and it will load one box art for the visible box and and a different box art for the "outline box" that sits behind it. It does work 95 percent of the time. But I just want my theme to look polished for every user so I have since not wanted to use that idea just for that reason. I know you're really busy making so many more major changes such as the parent/child situation which is very smart. I was hoping you'd add that. I'm listening to that stream on my phone while I'm at work today lol!

Link to comment
Share on other sites

1 hour ago, CMOSS said:

@y2guru hi.

Is it possible to have an image wider than the screen? If I set manually the width above the maximum horizontal resolution of my screen, it gets reset to that maximum. I've also tried an animation to increase the width, but it does not work either.

 

Try scale (animation)

  • Thanks 1
Link to comment
Share on other sites

1 hour ago, Dan Patrick said:

Thanks for your reply! Well, I haven't tried that and maybe that's what I need. The kicker is, would this have to be set per console because every box shape is different? I would like it to be a rounding setting and I say y'know 15 pixels and that works on each box regardless of its shape. Even within one system there can be different box shapes. For instance if you have a Japanese GBA game amongst your US GBA games then the box will be more of a rectangle than a square. I have already found that it's possible to "fake" an outline. It's imperfect but it does work. I had my box art where I wanted it and added a second slightly larger box behind it tinted 100% opacity white and then it gave the outline effect. The problem is that some of my games have more than one box art that was downloaded for it and it will load one box art for the visible box and and a different box art for the "outline box" that sits behind it. It does work 95 percent of the time. But I just want my theme to look polished for every user so I have since not wanted to use that idea just for that reason. I know you're really busy making so many more major changes such as the parent/child situation which is very smart. I was hoping you'd add that. I'm listening to that stream on my phone while I'm at work today lol!

Then you will need the next release so you can apply to all platforms.  You would define a frame with rounded corners and because a frame is now deemed a parent control you simply drag the box art into it, the frame will shrink and grow based on the content 

Link to comment
Share on other sites

3 hours ago, CMOSS said:

@y2guru hi.

Is it possible to have an image wider than the screen? If I set manually the width above the maximum horizontal resolution of my screen, it gets reset to that maximum. I've also tried an animation to increase the width, but it does not work either.

 

Hello CMOSS. Yes! It is possible to have an image wider than the screen. This is what I'm currently testing on my theme. I’m creating scrolling backgrounds essentially and they are wider than 4k. The image was originally created that way and then I when I load it into the theme creator I picked the scaling option uniform to fill. So it kept the aspect ratio. I set my starting point to a negative number and then move it to a positive number in a left to right animation. The kicker is, I created the image at a wider aspect ratio, not 16x9. I tried it at 32x9 and yeah you can do that. But the image was created that way outside of the creator and then brought in. You simply can't set an image to a resolution wider than your screen though. Make the image wider outside of the theme creator. Do it in photoshop or something. Then use that “uniform to fill” option.

  • Thanks 1
Link to comment
Share on other sites

2 hours ago, y2guru said:

Then you will need the next release so you can apply to all platforms.  You would define a frame with rounded corners and because a frame is now deemed a parent control you simply drag the box art into it, the frame will shrink and grow based on the content 

That sounds cool! Thanks.

Link to comment
Share on other sites

hi @y2guru  , this is a support question, not sure where to ask and wheter it's your bug or it's Launchbox's... The issue is with "Selected Item Video". No matter what, apparently it can't be hidden and if it doesn't find a video it displays "Game screenshots". I spent 1:30 hours trying to find where the issue with my theme was and the culprit was this one. I'm not sure if it's by design or a bug, hopefully it's a bug. 

What I want to do is keep the video hidden (no opacity) if there's no video, so it shows a game screenshot below it. Right now, if I don't delete the "Selected Item Video", it displays a game screenshot no matter what, along with the game screenshot I have below it, and it looks awful.

Edited by virividiann1198
Link to comment
Share on other sites

4 minutes ago, virividiann1198 said:

hi @y2guru  , this is a support question, not sure where to ask and wheter it's your bug or it's Launchbox's... The issue is with "Selected Item Video". No matter what, apparently it can't be hidden and if it doesn't find a video it displays "Game screenshots". I spent 1:30 hours trying to find where the issue with my theme was and the culprit was this one. I'm not sure if it's by design or a bug, hopefully it's a bug. 

What I want to do is keep the video hidden (no opacity) if there's no video, so it shows a game screenshot below it. Right now, if I don't delete the "Selected Item Video", it displays a game screenshot no matter what, along with the game screenshot I have below it, and it looks awful.

That’s controlled via bigbox,  I would like to interrogate video file found so that you can hide the video if one isnt found.  I haven’t sent my list of bigbox enhancements yet, but that one is on it

  • Thanks 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...