viking

The problem with colors in video is that it changes all the time. using the eyedropper in Photoshop does not always work well. We're close, but it's not perfect. What I do in these cases: Launch BigBox and launch the desired platform. Press "print screen" key on my keyboard. Open Photoshop > Ctrt+N > Ctrl+V Here, use the eyedropper tool to get the Hex code yes. Boring ... but it's works ! Because between Photoshop edit, After Effect export, codec and VLC player, all color change a little ...

UPDATE !! v.1.1 Updating the color system by @faeran Now the colors should work with the latest version of BigBox. I didn't do anything here. ALL the credit goes to @faeran and @Jason Carr !!!!

A big thank you to @faeran and @Jason Carr for their help !!!!!!!!!!!!!!!!!!!!!!!!!!!!! I was blocked by an obsolete plugin that I had not developed. (and that I am quite incapable of developing) Remember that I am a graphic designer, not a coder. I am so damn bad and a very slow developer. Fortunately, our 2 Superman have integrated color management by platform into BigBox !!! If that's not incredible!!!!! An updated version to correct this problem will soon be rolled out to regular channels. Thank you for your patience ! Some of you know, I have had a few health problems over the past few months. From September, I will resume a good cruising speed and promise you some nice updates. Mostly, I will focus on the videos. This branch of the project has not moved forward for too long.

You have not been ignored. I have been hospitalized a lot as a result of the Covid last month. I'm still recovering. =) I like the result on the selection overlay. (your 1st picture) Less on the main page. Overloaded. I'm not guaranteeing you anything, but I'll think about it. Otherwise, you can make your version and post it here. I could add it as an option with your credit if you wish. =)

Sorry, poor translation on my part. ^^ No, of course it's not that bad. I just find it a little bit too big. But I don't know the original hardware. You are surely right!

You can try this : For example this file > PlatformWheel1FiltersView.xaml (make a bakup of this one) And remove these part : line 277 <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="TotalGamesCount"> <DiscreteObjectKeyFrame KeyTime="0:0:0.0" Value="{x:Static Visibility.Collapsed}"/> <DiscreteObjectKeyFrame KeyTime="0:0:3.9" Value="{x:Static Visibility.Visible}"/> </ObjectAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="TotalGamesCount"> <EasingDoubleKeyFrame KeyTime="0:0:3.9" Value="0"/> <EasingDoubleKeyFrame KeyTime="0:0:4.8" Value="1"/> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Y" Storyboard.TargetName="TotalGamesCountAnim"> <EasingDoubleKeyFrame KeyTime="0:0:3.9" Value="{Binding Source={StaticResource ConvertTextSlide}, Converter={StaticResource DimensionW3840Converter}}"/> <EasingDoubleKeyFrame KeyTime="0:0:4.8" Value="0"> <EasingDoubleKeyFrame.EasingFunction> <CubicEase EasingMode="EaseOut"/> </EasingDoubleKeyFrame.EasingFunction> </EasingDoubleKeyFrame> </DoubleAnimationUsingKeyFrames> line 724 <!-- TOTAL GAMES (data) --> <aoc:AutoscaleTextBlock Text="{Binding GamesCount}" x:Name="TotalGamesCount" TargetFontSize="80" TargetScreenHeight="2160" FontFamily="LAUNCHBOX_ROOT_FOLDER/Themes/Colorful - Light/Colorful_fonts/Roboto-Bold.ttf#Roboto" FontWeight="Bold" Grid.Column="1" Grid.Row="7" VerticalAlignment="Center" HorizontalAlignment="Center"> <aoc:AutoscaleTextBlock.Foreground> <MultiBinding Converter="{StaticResource FilterSelectionColorConverter}"> <Binding ElementName="SelectionSnoop" Path="UpdatedTimestamp" /> <Binding ElementName="SelectionSnoop" /> <Binding Source="{StaticResource DefaultPlatformColor}" /> </MultiBinding> </aoc:AutoscaleTextBlock.Foreground> <aoc:AutoscaleTextBlock.RenderTransform> <TranslateTransform x:Name="TotalGamesCountAnim" Y="0"/> </aoc:AutoscaleTextBlock.RenderTransform> </aoc:AutoscaleTextBlock> This will remove everything related to the game counter. If it comes from there, we will have to isolate the problem !

Niiiice !!! Good job ! Yes, in 3D, postproduction makes the difference. Your visual is very good. I only have a few remarks: - The mouse scale. She's way too big, isn't she? - The color of the orange background is too much, maybe a little less saturated? If I had the time, I would have done ALL the platforms in 3D! ^^

Yes, it's planned Strange ... It is indeed on the LaunchBox FTP. You should be able to find it with the "LaunchBox Platform Video Download Tool".

Sorry for the late reply guys, I'm just done with the covid ... ^^' Speeding up or slowing down the animation is going to be a real pain in the ass. You have to change the time values of each element relative to each other! Sorry =/ If adventure motivates you, these are all the time values in the <StoryBoard> part of the view. Don't forget to save! Each update will overwrite your changes.

Sorry for my late response, I'm just getting out of the Covid .... I'm running out of ideas to help you. Really sorry. At home, it works well locally and even on an unraid VM! Hope someone can help you! I have other views in development with less animation. Maybe it will work better for you!

Thx @C-Beats Of course I read Jason's doc. But these settings have no effect on my wheel. No matter how much value I give them. I try SelectedScale and ItemSpacing, but no effect ! =/

THX @RedSnake ! it's works ! ABOUT THE WHEEL : OK I understand. It makes sense with an ortho camera. But how to do it ? Do I have to cheat or is there a "clean" method? @Jason Carr ? See code above. To have the selected item larger than the others.

A big THX to @faeran who gave me the solution! It works ! I come back to 2 questions: Sorry, I'm a bit rusty on the code ^^ #01 New Wheel : @Jason Carr 's new options are amazing, but I can't seem to make the selected item bigger than the others. Here is my code. Where is my mistake? <coverFlow:FlowControl x:Name="FlowControl" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.Column="0" Grid.ColumnSpan="10" Grid.Row="0" Grid.RowSpan="10" ImageType="Boxes" CurveAmount="1" RotationAmount="-14" VisibleCount="5" PageSize="3" Spacing="2.5" Columns="3" Endless="true" ItemZPosition="1.0" SelectedItemZPosition="3.0" > <coverFlow:FlowControl.CoverFactory> <coverFlow:HorizontalWheelCoverFactory /> </coverFlow:FlowControl.CoverFactory> <coverFlow:FlowControl.Camera> <OrthographicCamera Position="0,-0.3,4" LookDirection="0,0,-1" NearPlaneDistance=".01" FarPlaneDistance="1000" Width="7.2" /> </coverFlow:FlowControl.Camera> <coverFlow:FlowControl.Effect> <DropShadowEffect Opacity="0.3" ShadowDepth="50" Direction="270" BlurRadius="90" Color="Black" /> </coverFlow:FlowControl.Effect> </coverFlow:FlowControl> Still on the wheel, the "RotationAmount" doesnt change anything after only few degrees. For exemple, if I put 90°, no change. It's normal ? #02 StarRating : I had a disk crash and I can't find the info anymore. I had found in a theme a piece of code to convert the rating (community, or overwhite by personal if entered) into PNG (stars). And that without any plugin or converter. For the moment, I am there, but it does not work. Ideas ? <Image Grid.Column="4" Grid.ColumnSpan="2" Grid.Row="6" VerticalAlignment="Center" HorizontalAlignment="Center" > <Image.Style> <Style TargetType="Image"> <Setter Property="Source" Value="pack://siteoforigin:,,,/Themes/Colorful - Light/Colorful_img/white_stars/0.0.png" /> <Style.Triggers> <DataTrigger Binding="{Binding SelectedGame.StarRating}" Value="0.5" > <Setter Property="Source" Value="pack://siteoforigin:,,,/Themes/Colorful - Light/Colorful_img/white_stars/0.5.png" /> </DataTrigger> <DataTrigger Binding="{Binding SelectedGame.StarRating}" Value="1.0" > <Setter Property="Source" Value="pack://siteoforigin:,,,/Themes/Colorful - Light/Colorful_img/white_stars/1.0.png" /> </DataTrigger> <DataTrigger Binding="{Binding SelectedGame.StarRating}" Value="1.5" > <Setter Property="Source" Value="pack://siteoforigin:,,,/Themes/Colorful - Light/Colorful_img/white_stars/1.5.png" /> </DataTrigger> <DataTrigger Binding="{Binding SelectedGame.StarRating}" Value="2.0" > <Setter Property="Source" Value="pack://siteoforigin:,,,/Themes/Colorful - Light/Colorful_img/white_stars/2.0.png" /> </DataTrigger> <DataTrigger Binding="{Binding SelectedGame.StarRating}" Value="2.5" > <Setter Property="Source" Value="pack://siteoforigin:,,,/Themes/Colorful - Light/Colorful_img/white_stars/2.5.png" /> </DataTrigger> <DataTrigger Binding="{Binding SelectedGame.StarRating}" Value="3.0" > <Setter Property="Source" Value="pack://siteoforigin:,,,/Themes/Colorful - Light/Colorful_img/white_stars/3.0.png" /> </DataTrigger> <DataTrigger Binding="{Binding SelectedGame.StarRating}" Value="3.5" > <Setter Property="Source" Value="pack://siteoforigin:,,,/Themes/Colorful - Light/Colorful_img/white_stars/3.5.png" /> </DataTrigger> <DataTrigger Binding="{Binding SelectedGame.StarRating}" Value="4.0" > <Setter Property="Source" Value="pack://siteoforigin:,,,/Themes/Colorful - Light/Colorful_img/white_stars/4.0.png" /> </DataTrigger> <DataTrigger Binding="{Binding SelectedGame.StarRating}" Value="4.5" > <Setter Property="Source" Value="pack://siteoforigin:,,,/Themes/Colorful - Light/Colorful_img/white_stars/4.5.png" /> </DataTrigger> <DataTrigger Binding="{Binding SelectedGame.StarRating}" Value="5.0" > <Setter Property="Source" Value="pack://siteoforigin:,,,/Themes/Colorful - Light/Colorful_img/white_stars/5.0.png" /> </DataTrigger> </Style.Triggers> </Style> </Image.Style> </Image>

Yep, based on TextGameView v4.2 ?

Nice !!! Lots of work here, well done! =)

Thx @C-Beats It will help me a lot! By following your lead (see code below) I can do the opposite at best. (all strip full white, except selected item with 0.5 opacity) It drives me crazy !!! ^^ <ControlTemplate.Triggers> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsMouseOver" Value="True" /> </MultiTrigger.Conditions> <Setter Property="Opacity" Value="1.0" /> </MultiTrigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="Selector.IsSelectionActive" Value="False" /> <Condition Property="IsSelected" Value="True" /> </MultiTrigger.Conditions> <Setter Property="Opacity" Value="0.45" /> </MultiTrigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="Selector.IsSelectionActive" Value="True" /> <Condition Property="IsSelected" Value="True" /> </MultiTrigger.Conditions> <Setter Property="Opacity" Value="1.0" /> </MultiTrigger> <Trigger Property="IsEnabled" Value="False"> <Setter Property="Opacity" Value="0.45" /> </Trigger> </ControlTemplate.Triggers> Have a nice week end !

But "Bd" is for the border. For the blue colored text background. Not for the font ! If you have 5 min, can you integrate your idea into the piece of code I posted? Just the area to modify, that I understand your idea!

No I don't think it's a CoverFactory. It's the quick acces alphabetical line. The code I posted is almost the original one, from Default theme. I just did a few modification. Basically, @Jason Carr's code uses a blue background to highlight the selected item. I would like to remove this (easy) with an opacity game (hard) Any ideas ?

Hi guys ! Back again with my theme crafts! Today I am blocking on HorizontalListBoxStyle. (in games view, the alphabetical fast access strip) This is what I want to achieve : I managed to do everything, but I get stuck on the opacity effect to highlight the selected item. Basically: item not selected: opacity = "0.5" item selected: opacity = "1.0" It seems simple to me, but I can't do anything! Ideas ? @Jason Carr @Grila @eatkinola Here is my my piece of code : <UserControl.Resources> <Style x:Key="HorizontalListBoxItemStyle" TargetType="ListBoxItem"> <Setter Property="FocusVisualStyle" Value="{x:Null}" /> <Setter Property="Padding" Value="0" /> <Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type ItemsControl}}}" /> <Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type ItemsControl}}}" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="BorderBrush" Value="Transparent" /> <Setter Property="BorderThickness" Value="1" /> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type ListBoxItem}"> <Border x:Name="Bd" Background="{TemplateBinding Background}" Padding="0" SnapsToDevicePixels="True"> <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Stretch" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}" SnapsToDevicePixels="True" /> </Border> <ControlTemplate.Triggers> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="IsMouseOver" Value="True" /> </MultiTrigger.Conditions> <Setter TargetName="Bd" Property="Background" Value="#5F3399FF" /> </MultiTrigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="Selector.IsSelectionActive" Value="False" /> <Condition Property="IsSelected" Value="True" /> </MultiTrigger.Conditions> <Setter TargetName="Bd" Property="Background" Value="#FF3399FF" /> </MultiTrigger> <MultiTrigger> <MultiTrigger.Conditions> <Condition Property="Selector.IsSelectionActive" Value="True" /> <Condition Property="IsSelected" Value="True" /> </MultiTrigger.Conditions> <Setter TargetName="Bd" Property="Background" Value="#FF3399FF" /> </MultiTrigger> <Trigger Property="IsEnabled" Value="False"> <Setter TargetName="Bd" Property="TextElement.Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" /> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style x:Key="HorizontalListBoxStyle" TargetType="ListBox"> <Setter Property="ItemContainerStyle" Value="{DynamicResource HorizontalListBoxItemStyle}"></Setter> <Setter Property="BorderBrush" Value="Transparent" /> <Setter Property="Background" Value="Transparent" /> <Setter Property="Foreground" Value="White"></Setter> <Setter Property="Opacity" Value="0.45" /> <Setter Property="FontFamily" Value="LAUNCHBOX_ROOT_FOLDER/Themes/Colorful - Light/Colorful_fonts/Gilroy-ExtraBold.otf#Gilroy" /> <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" /> <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" /> <Setter Property="BorderThickness" Value="0" /> <Setter Property="Padding" Value="0" /> <Setter Property="Margin" Value="0" /> <Setter Property="FocusVisualStyle" Value="{x:Null}" /> <Setter Property="ItemsPanel"> <Setter.Value> <ItemsPanelTemplate> <VirtualizingStackPanel Orientation="Horizontal" IsItemsHost="True" HorizontalAlignment="Center"> <VirtualizingStackPanel.Background> <SolidColorBrush Color="Black" Opacity="0" /> </VirtualizingStackPanel.Background> </VirtualizingStackPanel> </ItemsPanelTemplate> </Setter.Value> </Setter> </Style> </UserControl.Resources> <Canvas Name="Canvas"> <Grid> <Viewbox Grid.Column="2" Grid.ColumnSpan="6" Grid.Row="8" Stretch="Uniform" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> <ListBox Name="Index" Style="{DynamicResource HorizontalListBoxStyle}" Visibility="Visible" /> </Viewbox> </Grid> </Canvas>

Yes I try, of course. By the way, the camera Z position must be higher that the selected item. I must missing something =/

A BIG thank you to everyone for your feedback. I will therefore go on v4.2 for the moment. We will see what I can do on code side. Yes, this view is well planned. BUT I have a big doubt about its feasibility on the code side. I will try, with no guarantee of succeeding. The difficulty will be to set up an animation structure that works regardless of the height/width ratio of the images. And it's not nothing. There is so much variety that it gets complicated! I have already started working the HorizontalWheel1GamesView view. But stupid thing ... I can not have the selected item larger than the others... it begins well !

Hi guys ! I'm slowly starting to work on updating my theme and I already have a problem with Visual Studio. No preview and it tells me "invalid markup". If I do "Show the code" it highlights the point of the arrow for me. (see picture) I had this problem before, but always with a real error. Here, no XAML error, even with default theme views, and it's work fine in BigBox. Any ideas how to fix this? I dont have the level to work only with notePad ++