Silverlight——简单3D效果的探究

3D:

　在MSDN上有个关于silverlight的3D展示，点击两边的图片时，图片转换会出先立体视觉动画效果：

这个效果看上去很炫，但偏偏就这个实例MSDN上不给代码！郁闷啊。

立体感与3D：

　　既然没有那我就自己来。虽学习SL有段时间了，但多是在内部数据方面。虽然也看到过别人做出的3D效果的作品，但就觉的很炫，也就过过
眼。既不知道如何实现这样的效果的，也没想过原理。偶然看到一张很让人纠结的图片：
　　我还为这个三角形是站着的还是躺着的，思考了半天。其实我也并不清楚这种“3D”和《阿凡达》要带眼镜的“3D”那个更确切。
其实这个利用的是人的视觉，让人产生一种立体的感觉。
布局：
回到那个例子上，当然这些图片都是平面的。下面用数据说明，如何让平面的看起来
像个立体的：
　　
旁边的是刚开始我设计的动作变化。下面还有实验时候的布局代码，并不完全，但已经有了思路了：
　　


<Rectangle x:Name="AR" Tag="left" Width="200" Height="250"  Canvas.Top="20" Canvas.Left="50" Canvas.ZIndex="3" MouseLeftButtonDown="btnMouseLeftButtonDown">
<Rectangle.Projection>
<PlaneProjection x:Name="AP" RotationY="-60"></PlaneProjection>
</Rectangle.Projection>
<Rectangle.Fill>
<ImageBrush x:Name="Aimg" ImageSource="/SLDemo3D;component/florian.jpg">
</ImageBrush>
</Rectangle.Fill>
</Rectangle>

<Rectangle x:Name="BR" Tag="mid" Width="200" Height="250" Canvas.Top="20" Canvas.Left="300" Canvas.ZIndex="2" MouseLeftButtonDown="btnMouseLeftButtonDown">
<Rectangle.Projection>
<PlaneProjection x:Name="BP" RotationY="0"></PlaneProjection>
</Rectangle.Projection>
<Rectangle.Fill>
<ImageBrush x:Name="Bimg" ImageSource="/SLDemo3D;component/jareck.jpg">
</ImageBrush>
</Rectangle.Fill>
</Rectangle>

<Rectangle x:Name="CR" Tag="right"  Width="200" Height="250" Canvas.Top="20" Canvas.Left="550" Canvas.ZIndex="1" MouseLeftButtonDown="btnMouseLeftButtonDown">
<Rectangle.Projection>
<PlaneProjection x:Name="CP" RotationY="60"></PlaneProjection>
</Rectangle.Projection>
<Rectangle.Fill>
<ImageBrush x:Name="Cimg" ImageSource="/SLDemo3D;component/kamil.jpg">
</ImageBrush>
</Rectangle.Fill>
</Rectangle>