Question

我正在尝试创建一个拼图游戏，我想知道在不使用面具的情况下创建拼图的替代方法。目前我通过拍摄完整的图像拼图碎片，将图像分成四个部分（假设拼图是2x2），然后存储并应用每个部分的遮罩。它看起来像下面的

    // create standard puzzle pieces
    arryPieceEndPos = new int[mCols][mRows];
    arryPieceImg = new Bitmap[mCols * mRows];
    arryIsPieceLocked = new boolean[mCols * mRows];

    int pos = 0;
    for (int c = 0; c < mCols; c++) {
        for (int r = 0; r < mRows; r++) {
            arryPieceImg[pos] = Bitmap.createBitmap(mBitmap,
            c * mPieceWidth, r * mPieceHeight,
            mPieceWidth, mPieceHeight);

            arryIsPieceLocked[pos] = false;
            arryPieceEndPos[c][r] = pos;
            pos++;
        }
    }

然后我使用辅助方法将遮罩应用于每个部分

private Bitmap maskMethod(Bitmap bmpOriginal, Bitmap bmpMask) {

    // adjust mask bitmap if size is not the size of the puzzle piece
    if (bmpMask.getHeight() != mPieceHeight ||
        bmpMask.getWidth() != mPieceWidth) {
        Log.e("TEST", "Resize Error :: H (mask): " + bmpMask.getHeight() + " // W (mask): " +
            bmpMask.getWidth());
        Log.d("TEST", "Resize Error :: H (norm): " + mPieceHeight + " // W (norm): " +
            mPieceWidth);

    }

    Canvas canvas = new Canvas();
    Bitmap combine = Bitmap.createBitmap(bmpOriginal.getWidth(), bmpOriginal.getHeight(), Bitmap.Config.ARGB_8888);
    canvas.setBitmap(combine);
    Paint paint = new Paint();
    paint.setFilterBitmap(false);

    canvas.drawBitmap(bmpOriginal, 0, 0, paint);
    paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
    canvas.drawBitmap(bmpMask, 0, 0, paint);
    paint.setXfermode(null);

    return combine;
}

我看过这篇文章＆gt; http://java.dzone.com/news/connect-pictures-android用于将各个部分连接在一起，但是，如果没有掩码，这不会以编程方式生成部分。任何人都可以提供如何实现这一目标的代码示例吗？我唯一的线索是我应该使用Path，但是，我仍然不确定如何。提前谢谢！

Answer 1

拼图是一个非常复杂的创建视图，但我可以帮助您了解如何使用路径。以下是开发者网站的链接：http://developer.android.com/reference/android/graphics/Path.html

查看此链接。我为你开始做了一件小事。你需要弄清楚的一件事是如何从路径中切出一个小圆圈，这是我不知道的。我认为你必须研究裁剪以使你的路径跟着一个圆圈（你也可以做剪裁来创建一个圆形以外的圆圈，我以前还没有完成剪裁）。

private Bitmap getPuzzleBitmap(Bitmap bitmap)
{
    Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(output);

    final int color = 0xff424242;
    final Paint paint = new Paint();
    final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());

    calculatePuzzlePath(bitmap.getWidth(), bitmap.getHeight());

    paint.setAntiAlias(true);
    canvas.drawARGB(0, 0, 0, 0);
    paint.setColor(color);
    canvas.drawPath(puzzlePath, paint);

    paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
    canvas.drawBitmap(bitmap, rect, rect, paint);

    return output;
}

private void calculatePuzzlePath(int width, int height)
{
    float radius = (height / 2) - 5;
    float smallRadius = radius / 3;
    radius -= smallRadius * 2;
    float centerX = width/2;
    float centerY = height/2;
    puzzlePath = new Path();
    // Bottom right
    puzzlePath.moveTo(centerX + radius, centerY + radius);
    // Top right
    puzzlePath.lineTo(centerX + radius, centerY - radius);
    // Center top
    puzzlePath.lineTo(centerX, centerY - radius);
    // Add outside circle to center top
    puzzlePath.addCircle(centerX, centerY - radius - ((radius / 3) / 2), radius / 3, Path.Direction.CCW);

    // Top left
    puzzlePath.lineTo(centerX - radius, centerY - radius);
    // Bottom left
    puzzlePath.lineTo(centerX - radius, centerY + radius);
    //Bottom right
    puzzlePath.lineTo(centerX + radius, centerY + radius);
}

我希望这足以开始这个。

祝你好运！

如何在不使用面具的情况下创建拼图游戏？

1 个答案: