View Revisions: Issue #1374

Summary 0001374: NoesisGUIExtensions: PlaneProjection rotate OpacityMask
Revision 2019-03-20 04:21 by jsantos
Steps To Reproduce                 <noesis:Element.Projection>
                    <noesis:PlaneProjection RotationX="45" RotationY="-30" RotationZ="-30" />
                </noesis:Element.Projection>

                            <Canvas ClipToBounds="True" Background="#8000FFFF">
                                <Canvas.OpacityMask>
                                    <ImageBrush ImageSource="radarMask2.png">
                                        <ImageBrush.RelativeTransform>
                                            <RotateTransform CenterX="0.5" CenterY="0.5" />
                                        </ImageBrush.RelativeTransform>
                                    </ImageBrush>
                                </Canvas.OpacityMask>
                                <Canvas.Triggers>
                                    <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Canvas.OpacityMask).(Brush.RelativeTransform).(RotateTransform.Angle)" RepeatBehavior="Forever">
                                                    <EasingDoubleKeyFrame KeyTime="0:0:0" Value="0"/>
                                                    <EasingDoubleKeyFrame KeyTime="0:0:4" Value="360"/>
                                                </DoubleAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </EventTrigger>
                                </Canvas.Triggers>
                            </Canvas>

Compare Rotation Speed.
                <Line x:Name="RadarEllipse" X1="150" Y1="150" X2="300" Y2="150" Stroke="Cyan" StrokeThickness="1" RenderTransformOrigin="0,0">
                    <Line.RenderTransform>
                        <RotateTransform Angle="0" CenterX="150" CenterY="150"/>
                    </Line.RenderTransform>
                    <Line.Triggers>
                        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                            <BeginStoryboard>
                                <Storyboard>
<!-- Vertical inverted bug. -->
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Line.RenderTransform).(RotateTransform.Angle)" RepeatBehavior="Forever" >
                                        <EasingDoubleKeyFrame KeyTime="0:0:4" Value="0" />
                                        <EasingDoubleKeyFrame KeyTime="0:0:0" Value="360"/>
                                    </DoubleAnimationUsingKeyFrames>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Line.Triggers>
                </Line>
Revision 2018-12-11 06:08 by arukari
Steps To Reproduce                 <noesis:Element.Projection>
                    <noesis:PlaneProjection RotationX="45" RotationY="-30" RotationZ="-30" />
                </noesis:Element.Projection>

                            <Canvas ClipToBounds="True" Background="#8000FFFF">
                                <Canvas.OpacityMask>
                                    <ImageBrush ImageSource="radarMask2.png">
                                        <ImageBrush.RelativeTransform>
                                            <RotateTransform CenterX="0.5" CenterY="0.5" />
                                        </ImageBrush.RelativeTransform>
                                    </ImageBrush>
                                </Canvas.OpacityMask>
                                <Canvas.Triggers>
                                    <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Canvas.OpacityMask).(Brush.RelativeTransform).(RotateTransform.Angle)" RepeatBehavior="Forever">
                                                    <EasingDoubleKeyFrame KeyTime="0:0:0" Value="0"/>
                                                    <EasingDoubleKeyFrame KeyTime="0:0:4" Value="360"/>
                                                </DoubleAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </EventTrigger>
                                </Canvas.Triggers>
                            </Canvas>

Compare Rotation Speed.
                <Line x:Name="RadarEllipse" X1="150" Y1="150" X2="300" Y2="150" Stroke="Cyan" StrokeThickness="1" RenderTransformOrigin="0,0">
                    <Line.RenderTransform>
                        <RotateTransform Angle="0" CenterX="150" CenterY="150"/>
                    </Line.RenderTransform>
                    <Line.Triggers>
                        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                            <BeginStoryboard>
                                <Storyboard>
<!-- Vertical inverted bug. -->
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Line.RenderTransform).(RotateTransform.Angle)" RepeatBehavior="Forever" >
                                        <EasingDoubleKeyFrame KeyTime="0:0:4" Value="0" />
                                        <EasingDoubleKeyFrame KeyTime="0:0:0" Value="360"/>
                                    </DoubleAnimationUsingKeyFrames>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Line.Triggers>
                </Line>