logo

Live Production Software Forums


Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

Options
Go to last post Go to first unread
davidcallahan  
#1 Posted : Tuesday, February 4, 2020 9:52:34 PM(UTC)
davidcallahan

Rank: Member

Groups: Registered
Joined: 1/22/2020(UTC)
Posts: 24
France
Location: Montpellier

Thanks: 11 times
Hi,

I'm currently trying to do some animations on Blend for VS 2017, and it works fine on Blend (On which I'm on NET 3.5) but once in VMIX it's like there a drop frame.
I'm trying to ease out the animation to have something smooth.

Here are some tests for you to see :

https://www.youtube.com/watch?v=...mWQ&feature=youtu.be

Here is the code :

Code:
<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:my="clr-namespace:vMixTitleLibrary;assembly=MTA" xmlns:ec="http://schemas.microsoft.com/expression/2010/controls" x:Class="UserControl2"
mc:Ignorable="d"
d:DesignHeight="1080" d:DesignWidth="1920" Width="1920" Height="1080">
    <UserControl.Resources>
        <Storyboard x:Key="AnimSynthés" >
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="TextBottom">
                <SplineDoubleKeyFrame KeyTime="0" Value="1844"/>
                <SplineDoubleKeyFrame KeyTime="0:0:0.72" Value="0" KeySpline="0,0,0.12,1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    <UserControl.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard Storyboard="{StaticResource AnimSynthés}"/>
        </EventTrigger>
    </UserControl.Triggers>
    <Grid Margin="0,0,-8,0">

        <Rectangle x:Name="rectangle" Fill="White" HorizontalAlignment="Left" Height="114.12" Margin="95.98,756.005,0,0" VerticalAlignment="Top" Width="{Binding Width, ElementName=TextBottom}" RenderTransformOrigin="0.5,0.5">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>
        <TextBlock Name="TextTop" HorizontalAlignment="Left" Height="111.048" Margin="95.98,756.005,0,0" TextWrapping="Wrap" Text="Text on Top"   VerticalAlignment="Top" FontFamily="Ubuntu Medium" TextAlignment="Left" Foreground="#FF5B83A2" FontSize="57" Padding="0" RenderTransformOrigin="0.5,0.5">
            <TextBlock.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </TextBlock.RenderTransform>
        </TextBlock>
        <TextBlock Name="TextBottom" HorizontalAlignment="Left" Margin="100.98,820.952,0,0" TextWrapping="Wrap"   VerticalAlignment="Top" FontFamily="Ubuntu Normal" TextAlignment="Left" Foreground="#FF5B83A2" FontSize="40" Padding="0" Text="Text on Bottom" RenderTransformOrigin="0.5,0.5" Opacity="1">
            <TextBlock.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </TextBlock.RenderTransform>
        </TextBlock>
        <TextBlock Name="RectSize" HorizontalAlignment="Left" Height="108.995" Margin="132.897,909.155,0,0" TextWrapping="Wrap" Opacity="0"  VerticalAlignment="Top" Width="1728.145" FontFamily="Ubuntu Normal" TextAlignment="Left" Foreground="#FF5B83A2" FontSize="40" Padding="0" Text="500"/>


    </Grid>
</UserControl>
   


I might be missing something here ?
Thanks !
doggy  
#2 Posted : Wednesday, February 5, 2020 3:53:00 AM(UTC)
doggy

Rank: Advanced Member

Groups: Registered
Joined: 12/27/2012(UTC)
Posts: 1,593
Belgium
Location: Belgium

Thanks: 79 times
Was thanked: 278 time(s) in 239 post(s)
First : your video is set to private

second: what are you trying to achieve here ? Width="{Binding Width, ElementName=TextBottom}"
davidcallahan  
#3 Posted : Wednesday, February 5, 2020 8:37:33 PM(UTC)
davidcallahan

Rank: Member

Groups: Registered
Joined: 1/22/2020(UTC)
Posts: 24
France
Location: Montpellier

Thanks: 11 times
Originally Posted by: doggy Go to Quoted Post
First : your video is set to private

That should be ok !

Originally Posted by: doggy Go to Quoted Post

second: what are you trying to achieve here ? Width="{Binding Width, ElementName=TextBottom}"


My text's width is set to Auto, so it increase/decrease depending on the Text. Then the width of the rectangle gets the Text's width.
It's actually doing what we can do from the Bounding option of last version of the GT designer.
Users browsing this topic
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.