Jump to content
LaunchBox Community Forums

COLORFUL bigbox theme


Recommended Posts

5 minutes ago, qyuburt said:

Sorry to do that to you but glad I could help! 

If you could outline how you made it I would love to learn to contribute to the theme and community. I've been waiting for a ScummVM video for a while and wouldn't mind making it 😃

Take a look at the topic below. Everything is explained, including source files for all the videos :)

https://forums.launchbox-app.com/topic/55213-colorful-resources/

 

  • Thanks 1
Link to post
Share on other sites
  • 3 weeks later...
  • Replies 464
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

COLORFUL bigbox theme View File # WHAT IS COLORFUL MEDIA SET ? COLORFUL is a complete and coherent high quality graphic set, around a unique design. Made with l

Good morning all ! Happy new year and best wishes for this new year! 🍾 It's back to work for me today. And as promised, I started to work on the dark version so requested! Here a preview:I hope y

To celebrate this new year, here is a little preview of the next Platform View! Only limitation, this view only works well with my video set ... Really colorful! I hope you like it 😘

Posted Images

I love this theme. Here's my feedback. How this theme shows the platform and game details without needing the game details screen or tapping a button is great. I love the 4k videos and I'm eagerly awaiting a startup theme and sound themes to match.

Currently the game details page shows a upscaled/blown up screenshot of the game title/start screen. Most of them look really bad and distract from the beauty of this theme, could there be an option to change what that image is? Maybe I'm just missing it? I would prefer the image to be the main game "background" image or something that tends to be more higher resolution and higher in quality throughout the platforms.

Perhaps the textbox description of the platforms would be a bit bigger in dimensions, so it fits more descriptions without needing to scroll? I use screen 1. (I run bigbox at 4k resolution).

Is there plans to support the coverflow view? I love the coverflow view for browsing games, that with the 3dbox image option is my preferred game browsing experience. I love the colorful theme but not a fan of the game wheels. In the latest big box betas, you can now theme those views. So I hope you can take those views and  'colorful-ize' them.

Edited by sevenalive
Link to post
Share on other sites

Thx @sevenalive !

Startup and pause theme are planned, but not yet started. Sorry ...
Sound theme, it's going to be more difficult. I have no audio skills! At the moment I'm using XBOX ONE Sound Theme.

About game details background image, I'm not sure I understand. Normally you have a gameplay video in the background. No ?
Can you take a screenshot ?

The TextBox is small, because the platform/game name used a huge font and expands upward. So I need this space for the long name.  (+ space for custom icons)

YES, there are plans for the coverflow and especially the grid views. The last @Jason Carr update excites me and I can't wait to develop these views !! =)
The POC by @faeran is awsommmmme ! This is (almost) exactly what I had in mind! ^^

 

 

I also hesitate on one point and I ask you all the question:

I have a design "problem" with the GameListView which is also the GameDetailView. Same code file.
If no one is actually using the GameListView, I can designate it as a GameDetailView only. Not having to do both opens up possibilities!
Tell me =)

  • Like 3
Link to post
Share on other sites
1 hour ago, viking said:

Thx @sevenalive !

Startup and pause theme are planned, but not yet started. Sorry ...
Sound theme, it's going to be more difficult. I have no audio skills! At the moment I'm using XBOX ONE Sound Theme.

About game detpLails background image, I'm not sure I understand. Normally you have a gameplay video in the background. No ?
Can you take a screenshot ?

The TextBox is small, because the platform/game name used a huge font and expands upward. So I need this space for the long name.  (+ space for custom icons)

ally the grid views. The last @Jason Carr update excites me and I can't wait to develop these views !! 😃
The POC by @faeran is awsommmmme ! This is (almost) exactly what I had in mind! ^^

 

 

I also hesitate on one point and I ask you all the question:

I have a design "problem" with the GameListView which is also the GameDetailView. Same code file.
If no one is actually using the GameListView, I can designate it as a GameDetailView only. Not having to do both opens up possibilities!
Tell me =)'

BTW, I like platform wheel screen 2 the best. I would have gone with screen 1 but I didn't care for the color blocking.

Please excuse me as I'm not familiar with the constraints of themes. I was thinking the Play 1111 games "pillbox" could be lower a bit on the screen to allow the description text area to be taller. It's not a big deal and I understand that having the box be too large would be distracting to the design.

Thanks for the sound pack suggestion.

In cases of where there's no gameplay video, it shows the title/pause screenshot in it's place instead. I was wondering if there was a better replacement b/c the start screen can be boring for a lot of games. After taking another look, I changed the screenshot priority and moved up gameplay to be 1st above the title, which accomplished what I wanted to do.

I can't wait for your theme update for those new views.

 

Edited by sevenalive
Link to post
Share on other sites
Posted (edited)

Hi all ! 
A different post type today, because it's about concept here. @Jason Carr's last update gave me some ideas for new views.
I'm not happy with all of them, but here we go for discuss.

The main idea is: what to do with that damn TextGamesList which is the same file as the AboutGameView.
In navigation, most of SelectGameView integrates ALL the information, then we go to the GameDetailView which gives us again same information.
It is unnecessary and it gives the impression of wasting time.
My bias would be to only use the SelectGameView for selection. And the TextGameView/Detail only for the details of the selected game.
The only negative point is that we lose the TextGamesList view ...

Here are some loose concept mokup. (No guarantee that all will be developed)

 

PlatformWheel3FiltersView
Here with the (new)wheel always in place.
Not happy with this ... Not very inspired design!  =/
LIGHT_PlatformWheel3FiltersView.thumb.jpg.996bfd22efc78de14885bc3857a657f1.jpg

 

HorizontalWheel1GamesView
Not bad. Must test the rendering of the thumbnails in the wheel at this resolution!
LIGHT_HorizontalWheel1GamesView.thumb.jpg.2996777fa5e2c935667311e705262929.jpg

 

HorizontalWheel2GamesView
I really like this one. What do you think ?
LIGHT_HorizontalWheel2GamesView.thumb.jpg.127e358de2abe1da89e96ee74a86c39b.jpg

 

TextGamesView
And finally, after selecting the game, we come to a view like this. (video background)
Very frankly, I'm not happy with this version. Not easy to integrate the video in an aesthetic way!
TextGamesView.thumb.jpg.b8411c3cb660a3725db256ccabe6dd85.jpg

 

 

Of course, a wall view will also come;)

Give me your feedback, it interests me !!!

Edited by viking
  • Like 5
  • Unusual Gem 1
Link to post
Share on other sites

I like how you use color. Looks fresh.

PlatformWheel3FiltersView Great concept. What if you removed the shadow from the right, that is over the platform wheel? Put a thin line there or nothing?

I like the HorizontalWheel2GamesView. Really clean, almost like game boxes on a table. The only thing that concerns me is the game title in a box. What happens when the game title is really long? Maybe put that title above the notes? Align the paltform title with the notes. I think this view could be a winner for those that like box art. For arcade games this won't work though.

TextGamesView This could be tweaked to be a good view. Full screen videos don't work nicely :( Aspect ratios vary so much, There's going to be black borders almost always. You could use screenshot with uniform to fill. The box art is not always the same size, what happens when you put Snes box or Saturn in there, does it look balanced then?

  • Like 1
  • Thanks 1
Link to post
Share on other sites
16 hours ago, thimolor said:

I like how you use color. Looks fresh.

PlatformWheel3FiltersView Great concept. What if you removed the shadow from the right, that is over the platform wheel? Put a thin line there or nothing?

I like the HorizontalWheel2GamesView. Really clean, almost like game boxes on a table. The only thing that concerns me is the game title in a box. What happens when the game title is really long? Maybe put that title above the notes? Align the paltform title with the notes. I think this view could be a winner for those that like box art. For arcade games this won't work though.

TextGamesView This could be tweaked to be a good view. Full screen videos don't work nicely :( Aspect ratios vary so much, There's going to be black borders almost always. You could use screenshot with uniform to fill. The box art is not always the same size, what happens when you put Snes box or Saturn in there, does it look balanced then?

For the title in a bubble, I was hoping to code a bubble that adapts to the length ... but no idea how to do it ^^

You're right about BoxArt for the Arcade. The best is to use the 3D Boxes for Arcade. But I don't know how to force them just for the arcade.

TextGamesView : You're right. This is the weakest view. I am lacking inspiration on this point. I will let it rest while waiting to find ;)

14 hours ago, zetec-s-joe said:

Maybe a wallview like the POC, maybe if you can have left panel clean and color matched like your system view? I can picture it but not describe it as well :D 

WallView1.thumb.png.3942f99cc4bdbb5ca2732fb970c5ff46.png

Yes, I saw. I'm working on it ;)

14 hours ago, zetec-s-joe said:

LIGHT_HorizontalWheel1GamesView.thumb.jpg.2996777fa5e2c935667311e705262929.jpg

This is a nice view, is it possible to see a mock up like thiss but with instead of 3, use 5 or 7 cover, at the risk of it looking cluttered, it may look quite nice :)

I can give it a try, but I'm not convinced. We'll see that !

  • Haha 1
Link to post
Share on other sites
2 hours ago, viking said:

For the title in a bubble, I was hoping to code a bubble that adapts to the length ... but no idea how to do it ^^

Viking, I did something similar in my ComixBox theme years ago. Take a look at PlatformWheel3 for the code. Here's the general idea though:

Set a hidden label to the game name and have update on selection...

<!-- AUTOMATIC BORDER SIZER START -->
<Label x:Name="BorderSizer" Grid.Column="1" Content="{Binding ActivePlatform.Name, NotifyOnTargetUpdated=True}" FontFamily="Clementine" FontStyle="Italic" FontSize="46" HorizontalAlignment="Center" VerticalAlignment="Bottom" Visibility="Hidden" />

Then set your "bubble" width and height bound to label text...

<Border x:Name="TextFrame" Grid.Column="1" Background="White" Width="{Binding ElementName=BorderSizer, Path=ActualWidth}" Height="{Binding ElementName=BorderSizer, Path=ActualHeight}" HorizontalAlignment="Center" VerticalAlignment="Bottom" BorderBrush="Black" BorderThickness="5" SnapsToDevicePixels="True" Panel.ZIndex="2" />

 

Like I said, take a look at my old ComixBox theme, PlatformWheel3 and you can see whole code and see it in action live in BigBox.

  • Thanks 2
Link to post
Share on other sites

Should be able to just stick a Label or TextBox inside of a border and do the same thing without the need for additional event logic. Then can add logic to ensure the bubble doesn't get too big, or potentially put a canvas in the border (and the text inside of that canvas) to simply scale the text to fit the bubble (though long title names could shrink to become unreadable).

  • Thanks 1
Link to post
Share on other sites
Posted (edited)

Thx @Grila and @C-Beats for your help !!  =)

 

OK, BIG design mockup update. 
Give me your opinion ! It's precious to me =)

 

PlatformWheel3FiltersView
The same as yesterday, but without the shadow on the right. I'm still not happy with this view ... Trash probably!
LIGHT_PlatformWheel3FiltersView.thumb.jpg.8c9f239e98828ba8fb968945ac2bebf9.jpg

 

PlatformWheel4FiltersView
OK, something different here. The main image is NOT a video. But come from a BANNER set that I'm currently developing. We lose the gameplay video, but we gain the transparent background.
Bonus, this view should be lighter for older systems. What do you think ?
LIGHT_PlatformWheel4FiltersView.thumb.jpg.cdf55e11ae004ee9a4ddb26d653648de.jpg

 

HorizontalWheel1GamesView
The same as yesterday, but softly corrected.
LIGHT_HorizontalWheel1GamesView.thumb.jpg.5af08aa8b0e997b185fdf2b1cdccbaeb.jpg

or with more wheel item. Less elegant for me.   @zetec-s-joe 
(I'm not sure it works well with wide formats - SNES style)
LIGHT_HorizontalWheel1GamesView_v2.thumb.jpg.35e5c305196f636e66f92f39d3d8f541.jpg

 

HorizontalWheel2GamesView
The same as yesterday, but with a white frame. To match the PlatfromView01. Not great right?
LIGHT_HorizontalWheel2GamesView.thumb.jpg.5fbd1f78cdf88620851e0dbfe5f42c9a.jpg

 

WallGamesView
And it's time for the grid! Hard to beat the POC theme by @faeran here. Without reinventing the wheel, here is my version.
(Here in light, to imagine in Dark)
WallGamesView.thumb.jpg.6118d1c82942440084e6df465104b0bb.jpg

 

Wall2GamesView
Same, but with a full Platform color un background.
Wall2GamesView.thumb.jpg.24f40f7812de3995c0c6243b5ad43955.jpg

 

Wall3GamesView
Still very inspired by the theme by @faeran, but Colorful way. 
(Here in light, to imagine in Dark)
Wall4GamesView.thumb.jpg.213bf72d38b3c071f38b22e86878e9cc.jpg

 

Wall4GamesView
Here too, the same, but with a color background depending on the platform.  (my peronal favourite !)
Wall3GamesView.thumb.jpg.f29451b32b81a9a777f65902d82f3c38.jpg

 

TextGamesView
FINALLY I think I have something cool for the GameDetailView !! What do you think ?
TextGamesView.thumb.jpg.1b0613531c6e0a55b6ccfd9d71903662.jpg

And a test with a wide BoxArt + 16:9 video. To validate  placement.
TextGamesView_v2.thumb.jpg.30cdc3837bdbe6a27e34d101456fa131.jpg

Technically, I will have to align the video to the left ... from memory, I never succeeded! =/ @Grila ??

 

Comments ? Ideas ? Suggestions? Preferences ?? =)

Edited by viking
  • Like 6
  • The Cake is a Lie 1
Link to post
Share on other sites

I like this: PlatformWheel4FiltersView. It has nice contrast and those platform images are really nice. I'm not sure about the small platform images in the wheel. They might get too small to identify the different systems from each other. Use logos, simpler custom banners or text instead?

HorizontalWheel2GamesView looks now tighter. For me the previous version was better without the borders.

I like your take on the wall views. There is more room to breath and doesn't look cramped. Like paintings on the wall. Easy on the eye and I really like these.

TextGamesView I know the feeling when you can't align that video to left or right :( Looks promising, for me the gap between box art and video is too tight? Try to add some more space between the elements like in your other views?

All and all looks nice!

Edited by thimolor
  • Like 2
Link to post
Share on other sites

All views looks nice but my preference goes for PlatformWheel3FiltersView. IMHO, your theme colors really shines with this view! Hoping this one fall beside trash :P

such an amazing work! Thanks!

 

 

Link to post
Share on other sites
6 hours ago, viking said:

PlatformWheel3FiltersView - I actually think this is pretty clean - don't know about the up and down button color though?

LIGHT_PlatformWheel3FiltersView.thumb.jpg.8c9f239e98828ba8fb968945ac2bebf9.jpg

HorizontalWheel1GamesView - Looking good! prefer this to the bubble title

LIGHT_HorizontalWheel1GamesView.thumb.jpg.5af08aa8b0e997b185fdf2b1cdccbaeb.jpg

or with more wheel item. Less elegant for me.   @zetec-s-joe 
(I'm not sure it works well with wide formats - SNES style) - I agree now 

LIGHT_HorizontalWheel1GamesView_v2.thumb.jpg.35e5c305196f636e66f92f39d3d8f541.jpg

Wall2GamesView - Love this!

Wall2GamesView.thumb.jpg.24f40f7812de3995c0c6243b5ad43955.jpg

 

Looking foward to you next update :) (no rush)

 

Link to post
Share on other sites

I like the proportions of the main image on platform3, but the colors of the side wheel clash with one another. 
 

Platform4 fixes the above problem with the white area, so I think it looks good, and better than 3 overall. 
 

I have the same criticism of the up/down arrows as zetec, even in the current version of the theme. Those arrows seem to stand out from the theme more than they need to.

 

Very nice work overall. I need to look more closely at the game wheels before commenting.

 

Thank you for all of your work! By far the best theme out there..

Edited by clockw3rk
  • Thanks 1
Link to post
Share on other sites
On 4/8/2021 at 5:12 PM, viking said:

HorizontalWheel2GamesView
I really like this one. What do you think ?
LIGHT_HorizontalWheel2GamesView.thumb.jpg.127e358de2abe1da89e96ee74a86c39b.jpg

 

This one looks great! Works way better without the white border. Just wondering how video would be implemented with this one? 

  • Like 1
Link to post
Share on other sites

This is semi irrelevant, but here’s my current custom build. Feel free to remove this since it isn’t directly to the point of the thread. Only posting because it shows how insanely good this theme looks with a modern, mono-color cabinet around it.

One thing I’ve noticed as a possible design rule is: the fewer borders, the higher contrast with the cabinet around it. 

653C5EC3-3013-49AB-9DA0-4F9049570085.jpeg

E0E4CF4F-4082-41D1-A40D-62CE8E21BF9C.jpeg

64B6E167-A061-4C26-AC51-B0197D922F0A.jpeg

71250004-9988-4598-893C-ADE6F3D524F3.jpeg

Edited by clockw3rk
  • Like 1
Link to post
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
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...