Balder 3D开发系列之--与Sprite初次相遇

最新推荐文章于 2017-11-22 19:44:00 发布

weixin_30901729

最新推荐文章于 2017-11-22 19:44:00 发布

阅读量74

点赞数

原文链接：http://www.cnblogs.com/vimsk/archive/2011/01/15/1936340.html

版权

一、关于Balder的一些东西

Balder 是一款开源的3D图形引擎，它支持Silverlight, Windows Phone 7, Xna and OpenGL。

它的下载地址如下：

http://balder.codeplex.com/releases/view/53579 在进行这次与Sprite的接触之前，你必须得先下载它（假设你没下载过:) )

为什么要使用它呢？因为目前silverlight4中还不支持3D，所以我们暂且就先用它吧，再说它确实很优秀，不使用就浪费了，不使用就对不起作者。

再上一个Balder开发的3D地图：http://maps.esri.com/sldemos/terrainmap/default.html

当然，在不久的将来，silverlight 5将会有自己的3D的API，那时候silverlight开发人员就又多了一种选择，多么幸福啊，好了，废话不多说了，等等...差点忘了，最后在这里推荐一个写Balder的优秀博客：nowpaper。

二、关于Sprite类

它位于Balder.Objects.Flat 命名空间下。

继承层次结构：

System.Object
   System.Windows.DependencyObject
      System.Windows.UIElement
         System.Windows.FrameworkElement
            System.Windows.Controls.Control
               System.Windows.Controls.ItemsControl
                  Balder.Node
                     Balder.HierarchicalNode
                        Balder.RenderableNode
                           Balder.Objects.Flat.Sprite
从这里，我们可以看出，它最接近与ItemControl。

再看看它的定义是如何的：

namespace Balder.Objects.Flat
{
     public class Sprite : RenderableNode, IAsset
    {
         public static DependencyProperty < Sprite, Uri > AssetNameProperty;

         public Sprite();
         public Sprite(IContentManager contentManager, ISpriteContext spriteContext);

         public Uri AssetName { get ; set ; }
         public Image CurrentFrame { get ; }

         public IAssetPart[] GetAssetParts();
         public override void Prepare(Viewport viewport);
         public override void Render(Viewport viewport, DetailLevel detailLevel);
         public void SetAssetParts(IEnumerable < IAssetPart > assetParts);
    }
}

Sprite最通常的用法是使用它来加载图片并显示出来，然后通过动画，形变等对它进行操作。正如其意思，精灵，如果你看过深蓝的文章，你很容易理解它，而一般在2D游戏中，一个sprite主要由：图像，一个vector，和其它先关信息组成，而在balder中的这个sprite与之类似，不同的是它是一个定义在3维坐标系下的sprite，因此由(x,y,z)来确定它在三维空间中的位置。至于它的其它属性和方法，在以后具体用到了再说，今天主要来使用AssetName属性来完成一个小实例。

三、一个小例子，来了解sprite的最基本创建方法

首先，将下载来的balder相关dll文件添加引用到程序集，如何操作和关于balder的基本结构请参考：http://www.cnblogs.com/nowpaper/archive/2010/11/05/1869705.html 这里写得很详细，我就不再多啰嗦了。

完成以上步骤后，就开始动手了。

打开MainPage.xaml文件，在开头添加如下：

然后就开始构造我们的一个sprite例子了：

< Execution:Game Width ="640" Height ="480" >
             < Execution:Game.Camera >
                 < View:Camera x:Name ="Camera"   Position ="0,50,-120" Target ="0,0,0" />
             </ Execution:Game.Camera >

             < Lighting:OmniLight Position ="-100,100,0" />
             < Geometries:Box Dimension ="20,20,20" InteractionEnabled ="True" />
             < Flat:Sprite   Position ="-50,0,0"   AssetName ="/SpriteTest1;component/Assets/sprite.jpg" />
             < Flat:Sprite   Position ="50,0,0"   AssetName ="/SpriteTest1;component/Assets/sprite.jpg" />
             < Flat:Sprite   Position ="0,0,50"   AssetName ="/SpriteTest1;component/Assets/sprite.jpg" />
         </ Execution:Game >

其中Game是一个场景类，我们在这个场景中放入了下面几个东西：Light（灯光）Camera（摄像机）一个Box（立方体的箱子) 三个sprite（精灵）。其实也没多少东西，因为每个东西都是由很相似的属性来组成的，例如，Position，这个是一个（x，y，z）的坐标很好理解吧？其它不一样的就box那边有个InteractionEnabled="True"，使用这个可以使得box能用鼠标转动。在sprite那边不一样的就是一个AssetName属性，其实它就是一个Uri，但是它实现了一个类型转换，从Uri到Image的转换，这样，你在这里只要输入图片的uri就能得到相应的图片。所以，你还得事先导入一张图片到项目中。

最后，我们在实现一些动画效果，这里我们通过对Camera的位置变化来实现动画，能想像？你拿这摄像机拍外面的风景，只要摄像机动了，那你拍摄的某样物品或者什么也就动了，其实它们有没有动呢？它们当然在动，因为地球在动（哈哈哈~）。

好了，看加入什么东西吧

< Grid.Triggers >
< EventTrigger RoutedEvent ="Grid.Loaded" >
< BeginStoryboard >
< Storyboard AutoReverse ="true" RepeatBehavior ="Forever" >
< DoubleAnimation Storyboard.TargetName ="Camera" Storyboard.TargetProperty ="(Camera.Position).(X)" From ="-100" To ="100" Duration ="00:00:05" >
< DoubleAnimation.EasingFunction >
< ElasticEase />
</ DoubleAnimation.EasingFunction >
</ DoubleAnimation >
</ Storyboard >
</ BeginStoryboard >
</ EventTrigger >
</ Grid.Triggers >

最后看看效果如何：