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

一、关于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 >

 

 

 

最后看看效果如何：

 

 

:)~~~~~~~