<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Name="root" Loaded="javascript:root_Loaded" >
  <Canvas.Triggers>
    <EventTrigger RoutedEvent="Canvas.Loaded">
      <EventTrigger.Actions>
        <TriggerActionCollection>
          
          <BeginStoryboard>
            <Storyboard x:Name="sb1" BeginTime="1" Completed="javascript:anim_completed">
              <DoubleAnimation Storyboard.TargetName="Rectangle1" Storyboard.TargetProperty="(Canvas.Left)" From="0" To="400" Duration="0:0:1"/>
              <DoubleAnimation Storyboard.TargetName="Rectangle2" Storyboard.TargetProperty="(Canvas.Left)" From="200" To="0" Duration="0:0:1"/>
              <DoubleAnimation Storyboard.TargetName="Rectangle3" Storyboard.TargetProperty="(Canvas.Left)" From="400" To="200" Duration="0:0:1"/>
            </Storyboard>
          </BeginStoryboard>
          <BeginStoryboard>
            <Storyboard x:Name="sb1a" BeginTime="1" Completed="javascript:anim_completed">
              <DoubleAnimation Storyboard.TargetName="Rectangle4" Storyboard.TargetProperty="(Canvas.Left)" From="0" To="400"   Duration="0:0:1"/>
              <DoubleAnimation Storyboard.TargetName="Rectangle5" Storyboard.TargetProperty="(Canvas.Left)" From="200" To="0"   Duration="0:0:1"/>
              <DoubleAnimation Storyboard.TargetName="Rectangle6" Storyboard.TargetProperty="(Canvas.Left)" From="400" To="200" Duration="0:0:1"/>
            </Storyboard>
          </BeginStoryboard>
          
          <BeginStoryboard>
            <Storyboard x:Name="sb2" BeginTime="1" Completed="javascript:anim_completed">
              <DoubleAnimation Storyboard.TargetName="Rectangle1" Storyboard.TargetProperty="(Canvas.Left)" From="400" To="200" Duration="0:0:1"/>
              <DoubleAnimation Storyboard.TargetName="Rectangle2" Storyboard.TargetProperty="(Canvas.Left)" From="0" To="400" Duration="0:0:1"/>
              <DoubleAnimation Storyboard.TargetName="Rectangle3" Storyboard.TargetProperty="(Canvas.Left)" From="200" To="0" Duration="0:0:1"/>
            </Storyboard>
          </BeginStoryboard>
          <BeginStoryboard>
            <Storyboard x:Name="sb2a" BeginTime="1" Completed="javascript:anim_completed">
              <DoubleAnimation Storyboard.TargetName="Rectangle4" Storyboard.TargetProperty="(Canvas.Left)" From="400" To="200" Duration="0:0:1"/>
              <DoubleAnimation Storyboard.TargetName="Rectangle5" Storyboard.TargetProperty="(Canvas.Left)" From="0" To="400" Duration="0:0:1"/>
              <DoubleAnimation Storyboard.TargetName="Rectangle6" Storyboard.TargetProperty="(Canvas.Left)" From="200" To="0" Duration="0:0:1"/>
            </Storyboard>
          </BeginStoryboard>
          
          <BeginStoryboard>
            <Storyboard x:Name="sb3" BeginTime="1" Completed="javascript:anim_completed">
              <DoubleAnimation Storyboard.TargetName="Rectangle1" Storyboard.TargetProperty="(Canvas.Left)" From="200" To="0" Duration="0:0:1"/>
              <DoubleAnimation Storyboard.TargetName="Rectangle2" Storyboard.TargetProperty="(Canvas.Left)" From="400" To="200" Duration="0:0:1"/>
              <DoubleAnimation Storyboard.TargetName="Rectangle3" Storyboard.TargetProperty="(Canvas.Left)" From="0" To="400" Duration="0:0:1"/>
            </Storyboard>
          </BeginStoryboard>
          <BeginStoryboard>
            <Storyboard x:Name="sb3a" BeginTime="1" Completed="javascript:anim_completed">
              <DoubleAnimation Storyboard.TargetName="Rectangle4" Storyboard.TargetProperty="(Canvas.Left)" From="200" To="0" Duration="0:0:1"/>
              <DoubleAnimation Storyboard.TargetName="Rectangle5" Storyboard.TargetProperty="(Canvas.Left)" From="400" To="200" Duration="0:0:1"/>
              <DoubleAnimation Storyboard.TargetName="Rectangle6" Storyboard.TargetProperty="(Canvas.Left)" From="0" To="400" Duration="0:0:1"/>
            </Storyboard>
          </BeginStoryboard>
          
        </TriggerActionCollection>
      </EventTrigger.Actions>
    </EventTrigger>
  </Canvas.Triggers>

<TextBlock Canvas.Top="10" Width="900" TextWrapping="Wrap" FontSize="16pt"  Foreground="Yellow" Text="These animated objects are using identical Storyboards. ie. Rectangle 1 is using a Storyboard with the same values as Rectangle 4. 2 is same as 5 and so on."/>

  <Canvas x:Name="Rectangle1" Canvas.Top="60" >
    <Rectangle Width="40" Height="30" Fill="Red" RadiusX="10" RadiusY="10"/>
    <TextBlock  Canvas.Left="15" FontSize="16pt"  Foreground="White" Text="1"/>
  </Canvas>
  
  <Canvas x:Name="Rectangle2" Canvas.Top="60" >
    <Rectangle Width="40" Height="30" Fill="Red" RadiusX="10" RadiusY="10"/>
    <TextBlock  Canvas.Left="15" FontSize="16pt"  Foreground="White" Text="2"/>
  </Canvas>

  <Canvas x:Name="Rectangle3" Canvas.Top="60" >
    <Rectangle Width="40" Height="30" Fill="Red" RadiusX="10" RadiusY="10"/>
    <TextBlock  Canvas.Left="15" FontSize="16pt"  Foreground="White" Text="3"/>
  </Canvas>

  <TextBlock Canvas.Top="60" Canvas.Left="450"  Width="300" TextWrapping="Wrap" FontSize="16pt"  Foreground="White" Text="There is proper movement, if animations are stopped immediately before starting the next animation with Stop() method."/>

  <Canvas x:Name="Rectangle4" Canvas.Top="200" >
    <Rectangle Width="40" Height="30" Fill="Red" RadiusX="10" RadiusY="10"/>
    <TextBlock  Canvas.Left="15" FontSize="16pt"  Foreground="White" Text="4"/>
  </Canvas>
  
  <Canvas x:Name="Rectangle5" Canvas.Top="200" >
    <Rectangle Width="40" Height="30" Fill="Red" RadiusX="10" RadiusY="10"/>
    <TextBlock  Canvas.Left="15" FontSize="16pt"  Foreground="White" Text="5"/>
  </Canvas>
  
  <Canvas x:Name="Rectangle6" Canvas.Top="200" >
    <Rectangle Width="40" Height="30" Fill="Red" RadiusX="10" RadiusY="10"/>
    <TextBlock  Canvas.Left="15" FontSize="16pt"  Foreground="White" Text="6"/>
  </Canvas>

  <TextBlock Canvas.Top="200" Canvas.Left="450"   Width="300" TextWrapping="Wrap" FontSize="16pt"  Foreground="White" Text="Unexpected behavior, only the first Animation happens even though Begin() is called on all animations."/>

</Canvas>