feat(gui): optimized refresh rate
This commit is contained in:
capyb2222 committed
1 parent
679b041b09
commit
9f6988e2ff
4 files changed
+95
-25
No files matched your search
+34
-19
@@ -14,23 +14,23 @@
|
||||
<Window.Triggers>
|
||||
<EventTrigger RoutedEvent="Window.Loaded">
|
||||
<BeginStoryboard>
|
||||
<Storyboard>
|
||||
<DoubleAnimation Storyboard.TargetName="BlobPink" Storyboard.TargetProperty="(Canvas.Left)" From="-160" To="140" Duration="0:0:23" AutoReverse="True" RepeatBehavior="Forever">
|
||||
<Storyboard Timeline.DesiredFrameRate="30">
|
||||
<DoubleAnimation Storyboard.TargetName="BlobPink" Storyboard.TargetProperty="RenderTransform.X" From="0" To="300" Duration="0:0:23" AutoReverse="True" RepeatBehavior="Forever">
|
||||
<DoubleAnimation.EasingFunction><SineEase EasingMode="EaseInOut"/></DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
<DoubleAnimation Storyboard.TargetName="BlobPink" Storyboard.TargetProperty="(Canvas.Top)" From="-180" To="60" Duration="0:0:17" AutoReverse="True" RepeatBehavior="Forever">
|
||||
<DoubleAnimation Storyboard.TargetName="BlobPink" Storyboard.TargetProperty="RenderTransform.Y" From="0" To="240" Duration="0:0:17" AutoReverse="True" RepeatBehavior="Forever">
|
||||
<DoubleAnimation.EasingFunction><SineEase EasingMode="EaseInOut"/></DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
<DoubleAnimation Storyboard.TargetName="BlobPurple" Storyboard.TargetProperty="(Canvas.Left)" From="520" To="860" Duration="0:0:29" AutoReverse="True" RepeatBehavior="Forever">
|
||||
<DoubleAnimation Storyboard.TargetName="BlobPurple" Storyboard.TargetProperty="RenderTransform.X" From="0" To="340" Duration="0:0:29" AutoReverse="True" RepeatBehavior="Forever">
|
||||
<DoubleAnimation.EasingFunction><SineEase EasingMode="EaseInOut"/></DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
<DoubleAnimation Storyboard.TargetName="BlobPurple" Storyboard.TargetProperty="(Canvas.Top)" From="380" To="140" Duration="0:0:21" AutoReverse="True" RepeatBehavior="Forever">
|
||||
<DoubleAnimation Storyboard.TargetName="BlobPurple" Storyboard.TargetProperty="RenderTransform.Y" From="0" To="-240" Duration="0:0:21" AutoReverse="True" RepeatBehavior="Forever">
|
||||
<DoubleAnimation.EasingFunction><SineEase EasingMode="EaseInOut"/></DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
<DoubleAnimation Storyboard.TargetName="BlobBlue" Storyboard.TargetProperty="(Canvas.Left)" From="980" To="620" Duration="0:0:26" AutoReverse="True" RepeatBehavior="Forever">
|
||||
<DoubleAnimation Storyboard.TargetName="BlobBlue" Storyboard.TargetProperty="RenderTransform.X" From="0" To="-360" Duration="0:0:26" AutoReverse="True" RepeatBehavior="Forever">
|
||||
<DoubleAnimation.EasingFunction><SineEase EasingMode="EaseInOut"/></DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
<DoubleAnimation Storyboard.TargetName="BlobBlue" Storyboard.TargetProperty="(Canvas.Top)" From="-220" To="20" Duration="0:0:19" AutoReverse="True" RepeatBehavior="Forever">
|
||||
<DoubleAnimation Storyboard.TargetName="BlobBlue" Storyboard.TargetProperty="RenderTransform.Y" From="0" To="240" Duration="0:0:19" AutoReverse="True" RepeatBehavior="Forever">
|
||||
<DoubleAnimation.EasingFunction><SineEase EasingMode="EaseInOut"/></DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
</Storyboard>
|
||||
@@ -40,24 +40,39 @@
|
||||
|
||||
<Grid>
|
||||
<Canvas ClipToBounds="True" IsHitTestVisible="False">
|
||||
<Canvas.CacheMode>
|
||||
<BitmapCache RenderAtScale="0.5"/>
|
||||
</Canvas.CacheMode>
|
||||
<Ellipse x:Name="BlobPink" Width="560" Height="560" Fill="#FF9AA2" Opacity="0.13">
|
||||
<Ellipse.Effect><BlurEffect Radius="160" KernelType="Gaussian"/></Ellipse.Effect>
|
||||
<Ellipse x:Name="BlobPink" Width="900" Height="900" Canvas.Left="-330" Canvas.Top="-350">
|
||||
<Ellipse.Fill>
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Color="#2EFF9AA2" Offset="0"/>
|
||||
<GradientStop Color="#14FF9AA2" Offset="0.45"/>
|
||||
<GradientStop Color="#00FF9AA2" Offset="1"/>
|
||||
</RadialGradientBrush>
|
||||
</Ellipse.Fill>
|
||||
<Ellipse.RenderTransform><TranslateTransform/></Ellipse.RenderTransform>
|
||||
</Ellipse>
|
||||
<Ellipse x:Name="BlobPurple" Width="620" Height="620" Fill="#D689FF" Opacity="0.11">
|
||||
<Ellipse.Effect><BlurEffect Radius="170" KernelType="Gaussian"/></Ellipse.Effect>
|
||||
<Ellipse x:Name="BlobPurple" Width="980" Height="980" Canvas.Left="350" Canvas.Top="210">
|
||||
<Ellipse.Fill>
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Color="#26D689FF" Offset="0"/>
|
||||
<GradientStop Color="#11D689FF" Offset="0.45"/>
|
||||
<GradientStop Color="#00D689FF" Offset="1"/>
|
||||
</RadialGradientBrush>
|
||||
</Ellipse.Fill>
|
||||
<Ellipse.RenderTransform><TranslateTransform/></Ellipse.RenderTransform>
|
||||
</Ellipse>
|
||||
<Ellipse x:Name="BlobBlue" Width="520" Height="520" Fill="#7DC8FF" Opacity="0.09">
|
||||
<Ellipse.Effect><BlurEffect Radius="160" KernelType="Gaussian"/></Ellipse.Effect>
|
||||
<Ellipse x:Name="BlobBlue" Width="860" Height="860" Canvas.Left="810" Canvas.Top="-390">
|
||||
<Ellipse.Fill>
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Color="#227DC8FF" Offset="0"/>
|
||||
<GradientStop Color="#0F7DC8FF" Offset="0.45"/>
|
||||
<GradientStop Color="#007DC8FF" Offset="1"/>
|
||||
</RadialGradientBrush>
|
||||
</Ellipse.Fill>
|
||||
<Ellipse.RenderTransform><TranslateTransform/></Ellipse.RenderTransform>
|
||||
</Ellipse>
|
||||
</Canvas>
|
||||
|
||||
<Grid x:Name="Shell">
|
||||
<Grid.Effect>
|
||||
<BlurEffect x:Name="ShellBlur" Radius="0"/>
|
||||
</Grid.Effect>
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="52"/>
|
||||
<RowDefinition Height="*"/>
|
||||
|
||||
Reference in new issue
Block a user