Silverlight C# 游戏开发：L9 天空盒

在前面的篇节中，基本上完成了一个Silverlight3D世界的构建，此时只需要一些逻辑和代码就可以完成完整的游戏，而今天我将最后一个部分补充：天空盒（SkyBox）。说到天空盒，以前学过D3D的朋友一定不陌生，其实就是六面方盒子，使用透视错觉产生是一个球形。

 

从上图可以想想，由6张图片可以组合封闭空间，所以先准备上面的这样的一张图，我直接从别的地方借来了6张标准的SkyBox图片，关于SkyBox的图片可以请3D美术师帮助，或者借助网络资源，另外，有一些专门制作天空盒的软件。

最先需要准备图片，把他们加入到工程中

  

我为了方便，这次不再构建很大的独立控件，而是通过继承的方式直接获得之前写过的类：

public class Lesson09 : Lesson04
{
    public Lesson09()
    {
    }
}

 

关于Lesson04，可以参见： Silverlight C# 游戏开发：L4 模型组和简单的动画

我们将完成下面的这张截图的效果： 

 

在继承完了以后，需要对lesson04类做一些小小的改造，比如将Execution.Game给protected出来，将其中的DispatcherTimer的Tick事件执行方法virtual，这样可以帮助Lesson09少写很多的代码。

public class Lesson09 : Lesson04
{
    public Lesson09()
    {
        //创建天空盒
        Skybox skybox = new Skybox();
        //天空盒6个方向的指定贴图
        skybox.Back = new ImageMap(Runtime.Instance.ContentManager.Load<Balder.Imaging.Image>("/Balder_Studio;component/SkyBox/cloudy_noon_BK.png"));
        skybox.Bottom = new ImageMap(Runtime.Instance.ContentManager.Load<Balder.Imaging.Image>("/Balder_Studio;component/SkyBox/cloudy_noon_DN.png"));
        skybox.Front = new ImageMap(Runtime.Instance.ContentManager.Load<Balder.Imaging.Image>("/Balder_Studio;component/SkyBox/cloudy_noon_FR.png"));
        skybox.Left = new ImageMap(Runtime.Instance.ContentManager.Load<Balder.Imaging.Image>("/Balder_Studio;component/SkyBox/cloudy_noon_LF.png"));
        skybox.Right = new ImageMap(Runtime.Instance.ContentManager.Load<Balder.Imaging.Image>("/Balder_Studio;component/SkyBox/cloudy_noon_RT.png"));
        skybox.Top = new ImageMap(Runtime.Instance.ContentManager.Load<Balder.Imaging.Image>("/Balder_Studio;component/SkyBox/cloudy_noon_UP.png"));
        //激活天空盒，如果没有激活则不会显示出来
        skybox.IsEnabled = true;
        //指定
        game.Skybox = skybox;
    }
    double _sin = 0;
    //重写Lesson04中的Timer动画
    protected override void _dispatchertimer_Tick(object sender, EventArgs e)
    {
        //首先执行原来的
        base._dispatchertimer_Tick(sender, e);
        //判断是否存在摄像机
        if (game.Camera == null)
            return;
        //按照Sin曲线计算x，y，z的值，使之围绕浏览Camera的TargetPoint
        var x = System.Math.Cos(_sin) * 250;
        var y = System.Math.Sin(2*_sin) * 250;
        var z = System.Math.Sin(_sin) * 150;
        game.Camera.Position.X = x;
        game.Camera.Position.Y = y;
        game.Camera.Position.Z = z;
        //变化
        _sin += 0.016;
    }
}

上面的代码就完成了天空盒的添加，如果你了解之前的内容，看起来很容易吧：）

点击直接下载工程浏览和测试，运行效果如下：