我正在制作Silverlight程序,用户可以将蠕虫添加到地面。蠕虫必须修改。他们可以有三个或更多的控制点,从用户可以移动和编辑蠕虫。蠕虫必须有最大和最小长度。还有一些看起来像蠕虫的服装。我用规范样条做了相当好的蠕虫,但问题是最大长度和最小长度以及装备。我不是在等待任何准备好的代码,但有些新的想法是如何做到的。如何制作可修改的蠕虫(形状)?
例由MSPAINT做出:) http://tinypic.com/r/bgxp3m/7
我正在制作Silverlight程序,用户可以将蠕虫添加到地面。蠕虫必须修改。他们可以有三个或更多的控制点,从用户可以移动和编辑蠕虫。蠕虫必须有最大和最小长度。还有一些看起来像蠕虫的服装。我用规范样条做了相当好的蠕虫,但问题是最大长度和最小长度以及装备。我不是在等待任何准备好的代码,但有些新的想法是如何做到的。如何制作可修改的蠕虫(形状)?
例由MSPAINT做出:) http://tinypic.com/r/bgxp3m/7
您可以在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>
+1,这太棒了! –
+1问蠕虫。 –