2011-10-07 28 views
2

我正在制作Silverlight程序,用户可以将蠕虫添加到地面。蠕虫必须修改。他们可以有三个或更多的控制点,从用户可以移动和编辑蠕虫。蠕虫必须有最大和最小长度。还有一些看起来像蠕虫的服装。我用规范样条做了相当好的蠕虫,但问题是最大长度和最小长度以及装备。我不是在等待任何准备好的代码,但有些新的想法是如何做到的。如何制作可修改的蠕虫(形状)?

例由MSPAINT做出:) http://tinypic.com/r/bgxp3m/7

+0

+1问蠕虫。 –

回答

1

您可以在Expression Blend中使用钢笔工具创建贝塞尔曲线的开放路径。然后,直接选择工具可以修改点以给出所需的形状。如果您在Storyboard中执行此操作,则Expression Blend会将Path数据展开为未压缩格式,该格式可以通过后台代码进行动画,命名和引用。这里是一个蠕虫示例:

<Grid x:Name="LayoutRoot" Background="White"> 
    <Grid.Resources> 
     <Storyboard x:Name="wriggle"> 
      <PointAnimation Duration="0:0:0.7" To="59.4217224121094,11.1413049697876" Storyboard.TargetProperty="(Path.Data).(PathGeometry.Figures)[0].(PathFigure.Segments)[1].(BezierSegment.Point1)" Storyboard.TargetName="wormBody" d:IsOptimized="True"/> 
      <PointAnimation Duration="0:0:0.7" To="21.5,45.9078826904297" Storyboard.TargetProperty="(Path.Data).(PathGeometry.Figures)[0].(PathFigure.Segments)[0].(BezierSegment.Point2)" Storyboard.TargetName="wormBody" d:IsOptimized="True"/> 
      <PointAnimation Duration="0:0:0.7" To="9.25,28.6580047607422" Storyboard.TargetProperty="(Path.Data).(PathGeometry.Figures)[0].(PathFigure.Segments)[0].(BezierSegment.Point1)" Storyboard.TargetName="wormBody" d:IsOptimized="True"/> 
     </Storyboard> 
    </Grid.Resources> 
    <Path x:Name="wormBody" HorizontalAlignment="Left" Height="67.316" Margin="167,150.092,0,0" Stroke="Black" StrokeThickness="10" UseLayoutRounding="False" VerticalAlignment="Top" Width="91"> 
     <Path.Data> 
      <PathGeometry FillRule="EvenOdd"> 
       <PathFigure IsFilled="True" IsClosed="False" StartPoint="5,62.3157653808594"> 
        <BezierSegment Point3="42.2093734741211,24.9581699371338" Point2="4.49375009536743,30.3548755645752" Point1="35.375,53.3601760864258"/> 
        <BezierSegment Point3="86,5" Point2="73.8499984741211,24.9581699371338" Point1="54.1062507629395,22.6553039550781"/> 
       </PathFigure> 
      </PathGeometry> 
     </Path.Data> 
    </Path> 
    <Ellipse HorizontalAlignment="Left" Height="15" Margin="246,146,0,0" Stroke="Black" StrokeThickness="10" VerticalAlignment="Top" Width="15"/> 
</Grid> 
+0

+1,这太棒了! –