贪吃蛇-WPF动画设计

编程思想

一:制作游戏思路
1):考虑页面布局,操作布局的位置
2):创建计时器
3);创建小蛇的长度,和蛇创建时的位置
4):小蛇的移动方向,及按键设置
5):创建实物,及实物的随机性
6):然后蛇吃到食物蛇的身体增加一节
7):设置蛇碰到四周游戏结束
8):蛇吃到自身游戏结束
9):游戏结束弹出对话框,选择是否重新开始
10):设置游戏操作按钮,开始,暂停
11):游戏得分
二:编程难点
1):方法调用
2):判断语句,以及实例化
3):蛇碰撞的样式,结束方式
4):计时器的套用
三:编程代码
1.页面布局贪吃蛇-WPF动画设计_第1张图片
2):在xaml中的设计

`  Title="MainWindow" Height="450" Width="800" Loaded="Window_Loaded"  >
    <Canvas Name="geshi2">
        <Canvas  Name="geshi">
            
        </Canvas>
    </Canvas>
</Window>

3):控制蛇的方向

private void Timer1_Tick(object sender, EventArgs e)
    {
            for (int i = 0; i < snake.Count; i++)//查找为蛇头的那个border,在wpf中数组长度为count
            {
                if (snake[i].Tag.ToString() == "Left")
                {
                    Canvas.SetLeft(snake[i], Canvas.GetLeft(snake[i]) - size);//设置水平移动位置为第几个蛇减去本身的宽度
                }
                else if (snake[i].Tag.ToString() == "Right")
                {
                    Canvas.SetLeft(snake[i], Canvas.GetLeft(snake[i]) + size);//设置水平移动位置为第几个蛇加上本身的宽度
                }
                else if (snake[i].Tag.ToString() == "Up")//向上的按键
                {
                    Canvas.SetTop(snake[i], Canvas.GetTop(snake[i]) - size);//设置垂直移动位置为第几个蛇减去自身的高度
                }
                else if (snake[i].Tag.ToString() == "Down")//向下的按键
                {
                    Canvas.SetTop(snake[i], Canvas.GetTop(snake[i]) + size);// 设置垂直移动位置为第几个蛇加上自身的高度
                }
                if (Canvas.GetLeft(snake[0]) == Canvas.GetLeft(food) && Canvas.GetTop(snake[0]) == Canvas.GetTop(food))//判断蛇位置与蛇舞的位置是否相同
                {
                    geshi.Children.Remove(food);//删除第一次的食物
                   
                    setfood ();//新创建食物
                    Addshe();//吃到食物后蛇身体长度增加
                    x++;//分数加一
                    fenshu.Content = "得分:" + x;//button的内容分数的更新

                }
            }


            // 就是将  上一节蛇的Tag值 赋值为  下一节蛇
            for (int i = snake.Count - 1; i > 0; i--)
                {
                    // 倒着的   i的初始值索引 表示的是  最后一节蛇
                    // 第一次循环 先 设置最后一节蛇的 Tag, 最后一节蛇的Tag = 前一节蛇的 Tag

                    snake[i].Tag = snake[i - 1].Tag;
                }

4):新建一条蛇

  //创建一节蛇
                Border newsnake = new Border();
                newsnake.Width = newsnake.Height = size;
                newsnake.Background = Brushes.Pink;
                Canvas.SetLeft(newsnake, Canvas.GetLeft(snake[snake.Count - 1]) - size);
                Canvas.SetTop(newsnake, Canvas.GetTop(snake[snake.Count - 1]));
                newsnake.Tag = "Right";
                newsnake.CornerRadius =new  CornerRadius(20);
                geshi .Children.Add(newsnake);
                snake.Add(newsnake);

5):设置键盘事件

  private void MainWindow_KeyDown(object sender, KeyEventArgs e)
        {
            switch (e.Key)
            {
                case Key.Right:
                    // 按下右键  是不是意味着  蛇头先动--> 格子数+1
                    // 蛇该怎么移动位置?  通过集合  将蛇存储, 然后通过索引获取对应的每一节蛇
                    snake[0].Tag = "Right";
                    //Canvas.SetLeft(snake[0],Canvas.GetLeft(snake[0])+size);
                    break;
                case Key.Left:
                    snake[0].Tag = "Left";
                    break;
                case Key.Up:
                    snake[0].Tag = "Up";
                    break;
                case Key.Down:
                    snake[0].Tag = "Down";
                    break;
            }
        }

6):碰撞四周以及结束游戏

  //判断蛇是否撞到了四周墙壁
            if (Canvas.GetLeft(snake[0]) >= geshi .Width || Canvas.GetTop(snake[0]) >=geshi .Height || Canvas.GetLeft(snake[0]) + size <= 0 || Canvas.GetTop(snake[0]) + 2 * size <= 0)

            {
                game();
                X = 0;
                fenshu.Content = "得分:" + X ;
                
            }
     private void game() 
                 {
            timer1.Stop();//关闭计时器
            geshi.Children.Clear();//移除容器内的元素
            MessageBoxResult result = MessageBox.Show("是否重新开始?", "提示(游戏结束)!", MessageBoxButton.YesNo, MessageBoxImage.Hand);
            if (result ==MessageBoxResult.Yes )
            {
                timer1.Start();//开启计时器
                snake.Clear();//存储蛇清空
               setsnake ();//重新创建蛇
               setfood ();//重新创建食物
            }
            else
            {
                this.Close ();
            }
        }

7):判断蛇吃到自己


```csharp
  //判断蛇是否吃到了自己
            for (int i = 1; i < snake.Count; i++)
            {
                if (Canvas.GetLeft(snake[0]) == Canvas.GetLeft(snake[i]) && Canvas.GetTop(snake[0]) == Canvas.GetTop(snake[i]))
                {
                   

                    eat();//调用吃到自身的方法
                }
            }
8):button设置分数

```csharp
private void button()
        {
            but .Background = new RadialGradientBrush(Colors.Azure, Colors.Red);//设置开始暂停控制按钮的背景渐变色
            but.Content = "开始游戏";//设置按钮的标题
            but.Width = 100;//设置按钮的宽度
            but.Height = 50;//设置按钮的高度
            but.Click += But_Click;       //添加按钮点击事件
            Canvas.SetTop(but , 10);
            Canvas.SetLeft(but, 1400);
            geshi2 .Children.Add(but);//向容器中增加按钮
            fenshu.Content = "得分:" + x;
            fenshu.Width = 100;
            fenshu.Height = 50;
            fenshu.Background = new RadialGradientBrush(Colors.White, Colors.Tomato);
            Canvas.SetLeft(fenshu, 1400);
            Canvas.SetTop(fenshu, 100);
            geshi2 .Children.Add(fenshu);
            close.Content = "关闭游戏";
            close.Width = 100;
            close.Height = 50;
            close.Background = new RadialGradientBrush(Colors.Red, Colors.Green);
            Canvas.SetLeft(close, 1400);
            Canvas.SetTop(close, 200);
            close.Click += Close_Click;
            geshi2.Children.Add(close);
        }

9);前面的是局部代码,现在看看整体代码:

namespace 贪吃蛇
{
    /// 
    /// MainWindow.xaml 的交互逻辑
    /// 
    public partial class MainWindow : Window
    {
        DispatcherTimer timer1 = new DispatcherTimer();//设置计时器
        Border food = new Border();//实例化border用来存储食物
                                   //创建点击开始暂停按钮
        Button but = new Button();
        //创建计分
        Button fenshu = new Button();
        //创建关闭按钮
     

        public MainWindow()
        {
            InitializeComponent();
            InitializeComponent();
            geshi2.Background = Brushes.DarkOrange;//设置外围控制区域的颜色
            geshi.Background = new RadialGradientBrush(Colors.White, Colors.Yellow);//设置游戏区域颜色镜像渐变

            this.WindowStyle = WindowStyle.None;//取消边框样式
            this.WindowState = WindowState.Maximized;//设置窗口的大小为最大化
        }
        Random ra = new Random();//随机数
        // <>表示泛型  尖括号中可以是任意的类型
        // List表示的是集合
        // 面试: List和 ArrayList以及数组之间的区别?
        List<Border> snake = new List<Border>();
        //此变量表示 宽度和高度(蛇和实物。。。)
        int size = 20;
        int X = 67;
        int Y = 39;
        int x = 0;
        Button close = new Button();
       
       
        
        //创建障碍物


        // double size = 20;
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            this.Background = Brushes.Transparent;//当前窗体设置最大化
            this.WindowState = WindowState.Maximized;
            this.Background = Brushes.Transparent;
            geshi .Background = new RadialGradientBrush(Colors.White, Colors.Cyan);
             geshi .Opacity = 0.6;
            //为了程序的效果正常 显示
            geshi .Width = this.Width;
           geshi .Height = this.Height;
            // 创建计时器  使用DispatcherTimer  这个类  需要导包
            DispatcherTimer moveTimer = new DispatcherTimer();
            // 注意: 和winform中的计时器 时间设置  是不一样的
            //moveTimer.Interval = TimeSpan.FromMilliseconds(120);
            //moveTimer.Tick += MoveTimer_Tick;
            //moveTimer.Start();
            timer1.Interval = TimeSpan.FromSeconds(0.05);//设置计时器间隔
            timer1.Tick += Timer1_Tick;

            createsnake();//引用
            createdoudou();
            button();

            this.KeyDown += MainWindow_KeyDown;
        }

     
      

        private void MainWindow_KeyDown(object sender, KeyEventArgs e)
        {
            switch (e.Key)
            {
                case Key.Right:
                    // 按下右键  是不是意味着  蛇头先动--> 格子数+1
                    // 蛇该怎么移动位置?  通过集合  将蛇存储, 然后通过索引获取对应的每一节蛇
                    snake[0].Tag = "Right";
                    //Canvas.SetLeft(snake[0],Canvas.GetLeft(snake[0])+size);
                    break;
                case Key.Left:
                    snake[0].Tag = "Left";
                    break;
                case Key.Up:
                    snake[0].Tag = "Up";
                    break;
                case Key.Down:
                    snake[0].Tag = "Down";
                    break;
            }
        }
  
    private void Timer1_Tick(object sender, EventArgs e)
    {
            for (int i = 0; i < snake.Count; i++)//查找为蛇头的那个border,在wpf中数组长度为count
            {
                if (snake[i].Tag.ToString() == "Left")
                {
                    Canvas.SetLeft(snake[i], Canvas.GetLeft(snake[i]) - size);//设置水平移动位置为第几个蛇减去本身的宽度
                }
                else if (snake[i].Tag.ToString() == "Right")
                {
                    Canvas.SetLeft(snake[i], Canvas.GetLeft(snake[i]) + size);//设置水平移动位置为第几个蛇加上本身的宽度
                }
                else if (snake[i].Tag.ToString() == "Up")//向上的按键
                {
                    Canvas.SetTop(snake[i], Canvas.GetTop(snake[i]) - size);//设置垂直移动位置为第几个蛇减去自身的高度
                }
                else if (snake[i].Tag.ToString() == "Down")//向下的按键
                {
                    Canvas.SetTop(snake[i], Canvas.GetTop(snake[i]) + size);// 设置垂直移动位置为第几个蛇加上自身的高度
                }
                if (Canvas.GetLeft(snake[0]) == Canvas.GetLeft(food) && Canvas.GetTop(snake[0]) == Canvas.GetTop(food))//判断蛇位置与蛇舞的位置是否相同
                {
                    geshi.Children.Remove(food);//删除第一次的食物
                   
                    setfood ();//新创建食物
                    Addshe();//吃到食物后蛇身体长度增加
                    x++;//分数加一
                    fenshu.Content = "得分:" + x;//button的内容分数的更新

                }
            }


            // 就是将  上一节蛇的Tag值 赋值为  下一节蛇
            for (int i = snake.Count - 1; i > 0; i--)
                {
                    // 倒着的   i的初始值索引 表示的是  最后一节蛇
                    // 第一次循环 先 设置最后一节蛇的 Tag, 最后一节蛇的Tag = 前一节蛇的 Tag

                    snake[i].Tag = snake[i - 1].Tag;
                }
            if (Canvas.GetLeft(snake[0]) == Canvas.GetLeft(food) && Canvas.GetTop(snake[0]) == Canvas.GetTop(food))
            {
                //messagebox(“碰撞到了”)
                //实物到底是消失了 还是说改变位置了
                //食物只需要 改变然后重新位置就可以了然后重新创建一节蛇添加到蛇的集合中    
                Canvas.SetLeft(food, ra.Next(geziNumX) * size);
                Canvas.SetTop(food, ra.Next(geziNumY) * size);
                //s ec();





                //创建一节蛇
                Border newsnake = new Border();
                newsnake.Width = newsnake.Height = size;
                newsnake.Background = Brushes.Pink;
                Canvas.SetLeft(newsnake, Canvas.GetLeft(snake[snake.Count - 1]) - size);
                Canvas.SetTop(newsnake, Canvas.GetTop(snake[snake.Count - 1]));
                newsnake.Tag = "Right";
                newsnake.CornerRadius =new  CornerRadius(20);
                geshi .Children.Add(newsnake);
                snake.Add(newsnake);

            }
            //判断蛇是否撞到了四周墙壁
            if (Canvas.GetLeft(snake[0]) >= geshi .Width || Canvas.GetTop(snake[0]) >=geshi .Height || Canvas.GetLeft(snake[0]) + size <= 0 || Canvas.GetTop(snake[0]) + 2 * size <= 0)

            {
                game();
                X = 0;
                fenshu.Content = "得分:" + X ;
                
            }
            //判断蛇是否吃到了自己
            for (int i = 1; i < snake.Count; i++)
            {
                if (Canvas.GetLeft(snake[0]) == Canvas.GetLeft(snake[i]) && Canvas.GetTop(snake[0]) == Canvas.GetTop(snake[i]))
                {
                   

                    eat();//调用吃到自身的方法
                }
            }
       }
            int geziNumX = 60;
            int geziNumY = 40;
            private void createsnake()
            {
                for (int i = 0; i < 4; i++)
                {
                Border br = new Border();
                br.Width = size;
                    br.Height = size;
                    br.Tag = "Right";
                    if (i == 0)
                    {
                        br.Background = Brushes.Red;
                    }
                    else
                    {
                        br.Background = Brushes.Purple;
                    }
                    br.CornerRadius = new CornerRadius(20);
                    // 位置的设置
                    Canvas.SetLeft(br, (geziNumX / 2) * size - i * size); // 600>>580>>560
                    Canvas.SetTop(br, (geziNumY / 2) * size); // 400
                                                              // Canvas.GetLeft()   Canvas.GetTop()
                    geshi .Children.Add(br);
                    snake.Add(br);
                }
            }
        //创建食物
        private void createdoudou()
        {

            food.Width = food.Height = size;
            food.Background = new RadialGradientBrush(Colors.Green, Colors.Gold);
            food.CornerRadius = new CornerRadius(5);// 随机食物所占据的格子数
            Canvas.SetLeft(food, ra.Next(geziNumX) * size);  //MessageBox.Show(continer.Width+""); // 1548.8
            Canvas.SetTop(food, ra.Next(geziNumY) * size); //MessageBox.Show(continer.Height + "");// 876.8
            geshi .Children.Add(food);
        }
        private void eat()
        {
            timer1.Stop();//计时器关闭
            geshi .Children.Clear();//清空容器里所有元素
            MessageBoxResult result = MessageBox.Show("自个碰撞", "提示(游戏结束)!", MessageBoxButton.YesNo, MessageBoxImage.Hand);
            if (result == MessageBoxResult.Yes)
            {
               
                timer1.Start();//开启计时器
                snake.Clear();//存储蛇清空
                setsnake ();//重新创建蛇
                setfood ();//重新创建食物
            }
            else
            {
                this.Close();
            }

        }
                private void game() 
                 {
            timer1.Stop();//关闭计时器
            geshi.Children.Clear();//移除容器内的元素
            MessageBoxResult result = MessageBox.Show("是否重新开始?", "提示(游戏结束)!", MessageBoxButton.YesNo, MessageBoxImage.Hand);
            if (result ==MessageBoxResult.Yes )
            {
                timer1.Start();//开启计时器
                snake.Clear();//存储蛇清空
               setsnake ();//重新创建蛇
               setfood ();//重新创建食物
            }
            else
            {
                this.Close ();
            }
        }
        private void setsnake() 
        {
            for (int i = 0; i < 5; i++)//开始创建蛇的长度为5
            {
                Border she = new Border();//实例化border
                she.Width = she.Height = size;//定义宽高
                if (i == 0)//蛇头颜色
                {
                    //she.
                    she.Background = new RadialGradientBrush(Colors.White, Colors.Orange);
                }
                else//蛇身颜色
                {
                    she.Background = new RadialGradientBrush(Colors.SkyBlue, Colors.Purple);
                }
                //设置蛇的位置
                Canvas.SetLeft(she, X / 2 * size - i * size);
                Canvas.SetTop(she, Y / 2 * size);
                she.Tag = "Right";
                she.CornerRadius = new CornerRadius(size / 2);//进行border画圆
                geshi .Children.Add(she);//添加控件
                snake.Add(she);//将蛇放进这个数组列表中进行查找
            }

        }
      private void setfood()
        {
            food.Width = food.Height = size;//设置宽高
            food.CornerRadius = new CornerRadius(size / 2);//画圆操作
                                                           //设置食物位置随机
            Canvas.SetLeft(food, ra .Next(X) * size);
            Canvas.SetTop(food,ra .Next(Y) * size);
            food.Background = new RadialGradientBrush(Colors.Yellow, Colors.Green);//设置渐变色
           geshi .Children.Add(food);//增加食物控件到容器中
              

        }
        private void button()
        {
            but .Background = new RadialGradientBrush(Colors.Azure, Colors.Red);//设置开始暂停控制按钮的背景渐变色
            but.Content = "开始游戏";//设置按钮的标题
            but.Width = 100;//设置按钮的宽度
            but.Height = 50;//设置按钮的高度
            but.Click += But_Click;       //添加按钮点击事件
            Canvas.SetTop(but , 10);
            Canvas.SetLeft(but, 1400);
            geshi2 .Children.Add(but);//向容器中增加按钮
            fenshu.Content = "得分:" + x;
            fenshu.Width = 100;
            fenshu.Height = 50;
            fenshu.Background = new RadialGradientBrush(Colors.White, Colors.Tomato);
            Canvas.SetLeft(fenshu, 1400);
            Canvas.SetTop(fenshu, 100);
            geshi2 .Children.Add(fenshu);
            close.Content = "关闭游戏";
            close.Width = 100;
            close.Height = 50;
            close.Background = new RadialGradientBrush(Colors.Red, Colors.Green);
            Canvas.SetLeft(close, 1400);
            Canvas.SetTop(close, 200);
            close.Click += Close_Click;
            geshi2.Children.Add(close);
        }

        private void Close_Click(object sender, RoutedEventArgs e)
        {
            this.Close();
        }

        private void But_Click(object sender, RoutedEventArgs e)
        {
            if (but .Content.ToString() == "开始游戏")
            {
                timer1.Start();
             
                but.Content = "暂停游戏";
              
            }
            else if (but .Content.ToString() == "暂停游戏")
            {
                
                timer1.Stop();
               
              but .Content = "开始游戏";
            }

        }
        private void Addshe()
        {
            Border zshe = new Border();
            zshe.Width = zshe.Height = size;//定义宽高
            zshe.Background = new RadialGradientBrush(Colors.Silver, Colors.Red);
            //设置蛇的位置
            Canvas.SetLeft(zshe, Canvas.GetLeft(snake[snake.Count - 1]));//设置在最后一个位置
            Canvas.SetTop(zshe, Canvas.GetTop(snake[snake.Count - 1]));
            zshe.Tag = " ";
            zshe.CornerRadius = new CornerRadius(size / 2);//进行border画圆
            geshi .Children.Add(zshe);//添加控件
            snake.Add(zshe);//将蛇放进这个数组列表中进行查找

        }
    }
    }


你可能感兴趣的:(wpf游戏制作)