Silverlight制作逐帧动画 v2 - part2

Silverlight制作逐帧动画 v2 - part2

接上一篇《Silverlight制作逐帧动画 v2 - part1》，在这里完善了一下算法，加入了fps的机制进去。

        private string[] shippics = new string[] { "Ship1/1.png", "Ship1/2.png", "Ship1/3.png", "Ship1/4.png" };
        protected DateTime lastTick;
        protected TimeSpan elapsed;


        private double lasrFrameTime = 0;
        private int currentFrame = 0;

        private double fps = 15;

        public MainPage()
        {
            InitializeComponent();
            lastTick = DateTime.Now;
            CompositionTarget.Rendering += new EventHandler(CompositionTarget_Rendering);
        }

        void CompositionTarget_Rendering(object sender, EventArgs e)
        {
            DateTime now = DateTime.Now;
            elapsed = now - lastTick;
            lastTick = DateTime.Now;

            lasrFrameTime += elapsed.TotalSeconds;


            if (lasrFrameTime >( 1 / fps))
            {
                lasrFrameTime = 0;

                currentFrame++;
                currentFrame %= shippics.Length;
                RenderShip();
            }
        }

        private void RenderShip()
        {
            var imageBrush = new ImageBrush();
            imageBrush.Stretch = Stretch.None;
            imageBrush.AlignmentX = AlignmentX.Left;
            imageBrush.AlignmentY = AlignmentY.Top;
            imageBrush.ImageSource = new BitmapImage(new Uri("/slShipAnimate;component/" + shippics[currentFrame], UriKind.Relative));
            myShip.Fill = imageBrush;
        }