为什么动画中的球在改变位置时会被切断？

Question

这里是一个动画链接：http://www.microdivision.com/blog/Strange-Silverlight-Behavior

<UserControl 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" 
    x:Class="BouncingBall.MainPage" 
    Width="640" Height="480"> 
    <UserControl.Resources> 
     <Storyboard x:Name="Bounce" RepeatBehavior="Forever" AutoReverse="True"> 
      <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="Ball"> 
       <EasingDoubleKeyFrame KeyTime="0" Value="0"/> 
       <SplineDoubleKeyFrame KeyTime="0:0:1" Value="-144" KeySpline="0,1,1,1"/> 
      </DoubleAnimationUsingKeyFrames> 
     </Storyboard> 
    </UserControl.Resources> 

    <i:Interaction.Triggers> 
     <i:EventTrigger> 
      <ei:ControlStoryboardAction Storyboard="{StaticResource Bounce}"/> 
     </i:EventTrigger> 
    </i:Interaction.Triggers> 

    <Canvas x:Name="LayoutRoot" Background="#FFCADFFF"> 
     <Ellipse x:Name="Ball" Stroke="Black" Width="100" Height="100" Fill="#FFF31D1D" Canvas.Top="190" Canvas.Left="0"> 
      <Ellipse.RenderTransform> 
       <CompositeTransform/> 
      </Ellipse.RenderTransform> 
     </Ellipse> 
    </Canvas> 

</UserControl> 

Answer 1

由SharpGIS在http://forums.silverlight.net/forums/t/223659.aspx回答，使硬件加速解决了这个问题。

对于HTML修改Silverlight控件包括以下PARAM：

<param name="EnableGPUAcceleration" value="true" /> 

Answer 2

我想这可能是Silverlight是如何在播放过程中调整的结果。尽管事实上我拥有一台几乎不具备良好CPU/GPU的旧机器，但在我的机器上，球体似乎未被切割大部分时间为。 Silverlight只使用CPU进行渲染（除了3D透视操作被告知时），其基于时间的动画允许它剪切帧以适应主机客户端。它以结果而闻名。 Silverlight 5承诺GPU支持。

你使用样条曲线创建反弹的原因是什么？

<Storyboard x:Name="Bounce" RepeatBehavior="Forever" AutoReverse="True"> 
      <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="Ball"> 
       <EasingDoubleKeyFrame KeyTime="0" Value="0"/> 
       <EasingDoubleKeyFrame KeyTime="0:0:1" Value="-144"> 
        <EasingDoubleKeyFrame.EasingFunction> 
         <BounceEase EasingMode="EaseIn" Bounciness="0" Bounces="1"/> 
        </EasingDoubleKeyFrame.EasingFunction> 
       </EasingDoubleKeyFrame> 
      </DoubleAnimationUsingKeyFrames> 
     </Storyboard>