开发一个数字华容道的小游戏

2228人阅读 评论(2) 收藏 举报
分类:

目的

上周新一期的最强大脑出来了,虽然上季被称为最强黑幕,不过呢。我决定还是看看= =。它里面第一关是叫做数字华容道。说白了,就是和拼图差不多。一开始我准备下一个玩玩的。结果没搜到。所以决定写了一个。最后效果差不多是这样:
这里写图片描述

思路以及实现

首先,我们应该考虑如何去实现这个效果。细想一下,其实和之前的2048有点像,但是又不是完全一直。于是,便又折腾了一波。这次布局和内容项参考之前2048的,下面放上代码:

自定义一个frame layout,我们先绘制里面的数字:

 private void initial() {
        label = new TextView(getContext());
        label.setTextSize(32);
        label.setBackgroundColor(0x33ff0033);
        label.setTextColor(0x330D0D0D);
        label.setGravity(Gravity.CENTER);
        LayoutParams lp = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
        lp.setMargins(10, 10, 0, 0);
        addView(label, lp);
        setNum(0);
    }

    public int getNum() {
        return num;
    }

    @SuppressLint("SetTextI18n")
    public void setNum(int num) {
        this.num = num;
        if (num <= 0) {
            label.setText("");
        } else {
            label.setText(num + "");
        }
    }

我们可以看到上面的数字在3x3中,我们显示1-8。不过通过代码我们可以知道,其实我们是去生成0-8,然后把0的那块内容设为空。

那么我们在想一下,是滑动移动还是点击移动。以现在体验的角度,滑动移动会更方便一点。所以我们需要监听它的滑动事件:

         setOnTouchListener(new View.OnTouchListener() {
                private float startX, startY, changeX, changeY;

                @SuppressLint("ClickableViewAccessibility")
                @Override
                public boolean onTouch(View v, MotionEvent event) {
                    switch (event.getAction()) {
                        case MotionEvent.ACTION_DOWN:
                            startX = event.getX();
                            startY = event.getY();
                            break;
                        case MotionEvent.ACTION_UP:
                            // 改变的X坐标=现在的-起始的
                            changeX = event.getX() - startX;
                            // 改变的Y坐标=现在的-起始的
                            changeY = event.getY() - startY;
                            // 若X的绝对值>Y的绝对值,则是左右移动,否则为上下移动,左上角坐标为(0,0)
                            if (Math.abs(changeX) > Math.abs(changeY)) {
                                if (changeX < -PADDING) {
                                    left();
                                } else if (changeX > PADDING) {
                                    right();
                                }
                            } else {
                                if (changeY < -PADDING) {
                                    up();
                                } else if (changeY > PADDING) {
                                    down();
                                }
                            }
                            break;
                        default:
                    }
                    return true;
                }
            });

但是我们需要在滑动之前先生成所有的随机数。也就是1-N生成N个随机数。

        public int[] randomCommon(int max, int n) {
            if (n > (max + 1) || max < 0) {
                return null;
            }
            int[] result = new int[n];
            int count = 0;
            while (count < n) {
                int num = (int) (Math.random() * max) + 1;
                boolean flag = true;
                for (int j = 0; j < n; j++) {
                    if (num == result[j]) {
                        flag = false;
                        break;
                    }
                }
                if (flag) {
                    result[count] = num;
                    count++;
                }
            }
            return result;
        }

数字生成完成之后,我们需要把数据放入之前写的Card并且add到现在的GridLayout中。

        private void addCard(int cardWidth, int cardHeight) {
            Card card;
            int sum = 0;
            for (int x = 0; x < addNumber; x++) {
                for (int y = 0; y < addNumber; y++) {
                    card = new Card(getContext());
                    card.setNum(number[sum] - 1);
                    addView(card, cardWidth, cardHeight);
                    point[x][y] = card;
                    sum++;
                }
            }
        }

数据生成了,内容也显示了,接下来我们需要做的就是对方向的逻辑处理。这边我放一个,其他的同理:

      for (int x = 0; x < addNumber; x++) {
                for (int y = 0; y < addNumber; y++) {
                    if (x - 1 >= 0) {
                        if (point[x - 1][y].getNum() == 0) {
                            point[x - 1][y].setNum(point[x][y].getNum());
                            point[x][y].setNum(0);
                            isFinish();
                            return;
                        }
                    }
                }
            }

如果有人看过之前的2048会发现这边的判断更简单一些,然后我们每次滑动结束,我们需要判断游戏是否结束。如果游戏结束就给它一个提示,是重新来过还是直接下一关:

       int number = 1;
            for (int x = 0; x < addNumber; x++) {
                for (int y = 0; y < addNumber; y++) {
                    if (number == addNumber * addNumber) {
                        MainActivity.getMainActivity().stop();
                        new AlertDialog.Builder(getContext())
                                .setTitle("游戏结束!")
                                .setMessage("您的时间是:" + MainActivity.getMainActivity().getTimer())
                                .setPositiveButton("重来",
                                        new DialogInterface.OnClickListener() {

                                            public void onClick(DialogInterface dialog,
                                                                int which) {
                                                MainActivity.getMainActivity().clear();
                                                start();
                                            }
                                        })
                                .setNegativeButton("下一关",
                                        new DialogInterface.OnClickListener() {

                                            public void onClick(DialogInterface dialog,
                                                                int which) {
                                                MainActivity.getMainActivity().clear();
                                                addNumber();
                                            }
                                        }).show();
                        return;
                    }
                    if (point[x][y].getNum() == number) {
                        number++;
                    }
                }
            }

这样基本所有的逻辑就写完了。具体代码我已经上传到github中:https://github.com/sw950729/NumKlotski

最后

我也试着去玩一玩,里面我也写了计时,我记得我3x3最好成绩是42秒,4x4最好成绩是一分四十。大家可以试一下。你最好能玩到多少。里面我也做了上下限的判断,最低三阶,最高八阶。你们可以试试看能不能通关~

查看评论

发芽网的在线华容道游戏

喜爱益智游戏的朋友,对华容道一定不会陌生,华容道游戏的软件在各大下载站都能搜到一大坨,且不说其下载安装的麻烦,最主要的是都关卡太少,或者是不能给出最佳解法,或者是不能回放过关记录。发芽网的在线华容道游...
  • cuixiping
  • cuixiping
  • 2010年04月12日 12:32
  • 1910

3X3智力拼图技巧

3X3智力拼图,其实不难,如果是标着数字会比较容易识别,如果是图片切割的,看起来会间接一点。...
  • cuixiping
  • cuixiping
  • 2010年12月15日 10:55
  • 13000

基于android的华容道游戏的源代码

  • 2011年10月18日 18:30
  • 1.02MB
  • 下载

c# 编写的华容道小游戏

  • 2009年06月10日 22:00
  • 1009KB
  • 下载

C#编写 VS2013开发 数字华容道 4*4数字推盘游戏

  • 2018年03月07日 20:13
  • 53KB
  • 下载

华容道程序制作(基础部分)

  • qing2005
  • qing2005
  • 2009年09月07日 08:16
  • 4545

C#华容道源码带自动解题

  • 2016年01月13日 18:48
  • 140KB
  • 下载

华容道C#源代码

  • 2015年11月30日 17:12
  • 3.8MB
  • 下载

华容道游戏c#最简破解

华容道游戏的暴力破解是少年时候的梦想,那时候刚学电脑basic,也刚知道华容道这个游戏,就想拿电脑去破解这个游戏。很可惜那时候太年轻,basic也太弱,没有能成功。前几天做网页爬虫,用到广度搜索,突然...
  • robinspada
  • robinspada
  • 2018年02月23日 16:23
  • 178

【数字华容道】一、核心

寒假的时候看最强大脑。有些项目看的我也想试试,就在豌豆荚上搜索数字华容道,找到一个下载安装后,发现面丑就算了,自适应没有做好,玩不了就删掉了。想了想这个游戏的逻辑,好像很简单,那自己做一个吧。如此我挖...
  • qq_34288186
  • qq_34288186
  • 2018年03月18日 21:55
  • 109
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 18万+
    积分: 2038
    排名: 237万+
    我的公众号
    博客专栏