Balder 3D开发系列之——sprite结合Camera旋转木马特效

一、前言

 

在前一篇关于sprite的文章中，我们介绍了它的基本情况和基本用法，在本文中，我们将在前文的基础上，使用sprite实现一个小效果。这个效果就是旋转木马的特效，之前我也写过一篇文章，那是使用椭圆方程来实现的。

二、基本原理

 

1.通过使用sprite的Position，在屏幕中适当放置几个sprite。

2.使用一个DispatcherTimer来定时的改变Camera的位置。

通过以上两步就实现了旋转木马的效果，原理相信大家都明白，从不同角度去观察sprite而造成选择的视觉感觉。当然，你也可以构造更复杂的Camera运动路径来实现更多的效果。

三、实现过程

在前面一篇关于sprite的文章中，我们全部是使用xaml来进行的，这次就换一下吧，我们来用C#代码来实现整个过程。

 1 namespace BalderSpriteDemo

 2 {

 3     public partial class MainPage : UserControl

 4     {

 5         Camera ca;

 6         public MainPage()

 7         {

 8             InitializeComponent();

 9             DispatcherTimer timer = new DispatcherTimer();

             timer.Interval = TimeSpan.FromMilliseconds(20);

             timer.Tick += new EventHandler(timer_Tick);

             timer.Start();

             Game game = new Game()                               //构造一个640X480大小的场景

             {

                 Width = 640,

                 Height = 480

             };

             ca= new Camera()                                             //定义一个摄像机

             {

                 Position = new Balder.Math.Coordinate(0, 50, 0),           //位置

                 Target = new Balder.Math.Coordinate(0, 0, 0)              //目标位置

             };

             

            game.Camera = ca;

             OmniLight oml = new OmniLight()                            //灯光

             {

                 Position = new Balder.Math.Coordinate(-100, 100, 0)

             };

             Sprite sp1 = new Sprite()                                          //初始化sprite

             {

                 AssetName = new Uri(@"/BalderSpriteDemo;component/Asset/man.png", UriKind.Relative),

                 Position=new Balder.Math.Coordinate(-30,0,0)

             };

             Sprite sp2 = new Sprite()

             {

                 AssetName = new Uri(@"/BalderSpriteDemo;component/Asset/man.png", UriKind.Relative),

                 Position = new Balder.Math.Coordinate(30, 0, 0)

             };

             Sprite sp3 = new Sprite()

             {

                 AssetName = new Uri(@"/BalderSpriteDemo;component/Asset/man.png", UriKind.Relative),

                 Position = new Balder.Math.Coordinate(0, 0, -30)

                            };

             Sprite sp4 = new Sprite()

             {

                 AssetName = new Uri(@"/BalderSpriteDemo;component/Asset/man.png", UriKind.Relative),

                 Position = new Balder.Math.Coordinate(0, 0, 30)

             };

             Box box = new Box() { 

               Dimension=new Balder.Math.Coordinate(20,20,20)

             };

             game.Children.Add(oml);

             game.Children.Add(sp1);

             game.Children.Add(sp2);

             game.Children.Add(sp3);

             game.Children.Add(sp4);

             game.Children.Add(box);

             LayoutRoot.Children.Add(game);

 

         }

         private double _sin;                                      

         void timer_Tick(object sender, EventArgs e)            

         {

             var x = System.Math.Cos(_sin) * 130d;                 //构造摄像机坐标变换的路径

 

             var z = System.Math.Sin(_sin) * 130d;

             var y = System.Math.Sin(_sin * 2) * 30d;

 

 

             ca.Position.X = x;

             ca.Position.Z = z;

            ca.Position.Y = y;

             _sin += 0.015d;

 

         }

  }

 }

 

最后看下效果如何：