0

最近、blur半径が可変な画像を作ってみました。自分で実装しようとしましたが、とても遅いようです。このサイトから、次のような高速ぼかしメソッドを取得しましたstack blur

  static Bitmap fastblur(Bitmap sentBitmap, int radius, int fromX, int fromY,
        int width, int height) {

    // Stack Blur v1.0 from
    // http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html
    //
    // Java Author: Mario Klingemann <mario at quasimondo.com>
    // http://incubator.quasimondo.com
    // created Feburary 29, 2004
    // Android port : Yahel Bouaziz <yahel at kayenko.com>
    // http://www.kayenko.com
    // ported april 5th, 2012

    // This is a compromise between Gaussian Blur and Box blur
    // It creates much better looking blurs than Box Blur, but is
    // 7x faster than my Gaussian Blur implementation.
    //
    // I called it Stack Blur because this describes best how this
    // filter works internally: it creates a kind of moving stack
    // of colors whilst scanning through the image. Thereby it
    // just has to add one new block of color to the right side
    // of the stack and remove the leftmost color. The remaining
    // colors on the topmost layer of the stack are either added on
    // or reduced by one, depending on if they are on the right or
    // on the left side of the stack.
    //
    // If you are using this algorithm in your code please add
    // the following line:
    //
    // Stack Blur Algorithm by Mario Klingemann <mario@quasimondo.com>

    Bitmap bitmap = sentBitmap.copy(sentBitmap.getConfig(), true);

    if (radius < 1) {
        return (null);
    }

    int w = width;
    int h = height;

    int[] pix = new int[w * h];

    bitmap.getPixels(pix, 0, w, fromX, fromY, w, h);

    int wm = w - 1;
    int hm = h - 1;
    int wh = w * h;
    int div = radius + radius + 1;

    int r[] = new int[wh];
    int g[] = new int[wh];
    int b[] = new int[wh];
    int rsum, gsum, bsum, x, y, i, p, yp, yi, yw;
    int vmin[] = new int[Math.max(w, h)];

    int divsum = (div + 1) >> 1;
    divsum *= divsum;
    int dv[] = new int[256 * divsum];
    for (i = 0; i < 256 * divsum; i++) {
        dv[i] = (i / divsum);
    }

    yw = yi = 0;

    int[][] stack = new int[div][3];
    int stackpointer;
    int stackstart;
    int[] sir;
    int rbs;
    int r1 = radius + 1;
    int routsum, goutsum, boutsum;
    int rinsum, ginsum, binsum;

    int originRadius = radius;
    for (y = 0; y < h; y++) {
        rinsum = ginsum = binsum = routsum = goutsum = boutsum = rsum = gsum = bsum = 0;
        for (i = -radius; i <= radius; i++) {
            p = pix[yi + Math.min(wm, Math.max(i, 0))];
            sir = stack[i + radius];
            sir[0] = (p & 0xff0000) >> 16;
            sir[1] = (p & 0x00ff00) >> 8;
            sir[2] = (p & 0x0000ff);
            rbs = r1 - Math.abs(i);
            rsum += sir[0] * rbs;
            gsum += sir[1] * rbs;
            bsum += sir[2] * rbs;
            if (i > 0) {
                rinsum += sir[0];
                ginsum += sir[1];
                binsum += sir[2];
            } else {
                routsum += sir[0];
                goutsum += sir[1];
                boutsum += sir[2];
            }
        }
        stackpointer = radius;

        for (x = 0; x < w; x++) {

            r[yi] = dv[rsum];
            g[yi] = dv[gsum];
            b[yi] = dv[bsum];

            rsum -= routsum;
            gsum -= goutsum;
            bsum -= boutsum;

            stackstart = stackpointer - radius + div;
            sir = stack[stackstart % div];

            routsum -= sir[0];
            goutsum -= sir[1];
            boutsum -= sir[2];

            if (y == 0) {
                vmin[x] = Math.min(x + radius + 1, wm);
            }
            p = pix[yw + vmin[x]];

            sir[0] = (p & 0xff0000) >> 16;
            sir[1] = (p & 0x00ff00) >> 8;
            sir[2] = (p & 0x0000ff);

            rinsum += sir[0];
            ginsum += sir[1];
            binsum += sir[2];

            rsum += rinsum;
            gsum += ginsum;
            bsum += binsum;

            stackpointer = (stackpointer + 1) % div;
            sir = stack[(stackpointer) % div];

            routsum += sir[0];
            goutsum += sir[1];
            boutsum += sir[2];

            rinsum -= sir[0];
            ginsum -= sir[1];
            binsum -= sir[2];

            yi++;
        }
        yw += w;
    }

    radius = originRadius;

    for (x = 0; x < w; x++) {
        rinsum = ginsum = binsum = routsum = goutsum = boutsum = rsum = gsum = bsum = 0;
        yp = -radius * w;
        for (i = -radius; i <= radius; i++) {
            yi = Math.max(0, yp) + x;

            sir = stack[i + radius];

            sir[0] = r[yi];
            sir[1] = g[yi];
            sir[2] = b[yi];

            rbs = r1 - Math.abs(i);

            rsum += r[yi] * rbs;
            gsum += g[yi] * rbs;
            bsum += b[yi] * rbs;

            if (i > 0) {
                rinsum += sir[0];
                ginsum += sir[1];
                binsum += sir[2];
            } else {
                routsum += sir[0];
                goutsum += sir[1];
                boutsum += sir[2];
            }

            if (i < hm) {
                yp += w;
            }
        }
        yi = x;
        stackpointer = radius;
        for (y = 0; y < h; y++) {
            pix[yi] = 0xff000000 | (dv[rsum] << 16) | (dv[gsum] << 8)
                    | dv[bsum];

            rsum -= routsum;
            gsum -= goutsum;
            bsum -= boutsum;

            stackstart = stackpointer - radius + div;
            sir = stack[stackstart % div];

            routsum -= sir[0];
            goutsum -= sir[1];
            boutsum -= sir[2];

            if (x == 0) {
                vmin[y] = Math.min(y + r1, hm) * w;
            }
            p = x + vmin[y];

            sir[0] = r[p];
            sir[1] = g[p];
            sir[2] = b[p];

            rinsum += sir[0];
            ginsum += sir[1];
            binsum += sir[2];

            rsum += rinsum;
            gsum += ginsum;
            bsum += binsum;

            stackpointer = (stackpointer + 1) % div;
            sir = stack[stackpointer];

            routsum += sir[0];
            goutsum += sir[1];
            boutsum += sir[2];

            rinsum -= sir[0];
            ginsum -= sir[1];
            binsum -= sir[2];

            yi += w;
        }
    }

    bitmap.setPixels(pix, 0, w, fromX, fromY, w, h);

    return (bitmap);
}

実際には、このぼかし方法を可変ぼかしにすることができます(たとえば、画像の中心までの距離が減少すると、半径も減少します)。しかし、私はビットシフトが苦手で、それらのコードを変更するのは難しすぎます! それで、ラジアルブラーのようなコードを実装する方法をお願いしたいです! そして、放射状のぼかし、グレースケールなどを含むぼかしライブラリがアンドロイドにあるのだろうか! 誰かが私を助けることができれば、本当に感謝しています! ありがとうございます!

4

2 に答える 2

4

速度を最適化するため、このアルゴリズムはさまざまな半径に適応させるのにはあまり適していません。別のアプローチを取る場合は、引き続き使用できます。

原則として、それぞれが増加する (均一な) ぼかし半径を持つ複数の一時マップを作成し、そのポイントでの半径の大きさに基づいて 2 つのマップをブレンドします。半径 4、8、16 の 3 つの一時マップを準備するとします。ここでは、1 ピクセルで 12 のぼかし半径が必要です。マップ 2 と 3 を約 50% ブレンドします。使用する一時マップの数が多いほど品質は向上しますが、通常は 3 つ (および元のぼかされていないマップ) で十分です。

私はキャンバス用の合成ぼかしでこの手法を使用しています: http://www.quasimondo.com/CompoundBlurForCanvas/CompoundBlurDemo.html - これにより、ティルト シフト効果やビネットを行うことができます。

カメラのズーム効果のように見える放射状のぼかしを探している場合は、別のアプローチを使用する必要があります。その場合、最初にビットマップをデカルト マッピングから極マッピングに変換し、次に水平方向のぼかしを行い、最後にマップをデカルト空間に変換します - 私のサイトには Flash のデモとソース コードがあり、より詳細な説明もあります。 : http://www.quasimondo.com/archives/000697.php

于 2012-08-31T00:59:53.153 に答える
0

スライダーを使用して複合ぼかしを実装する方法:

///HTML///

//使用: CompoundBlur.js //

<DIV CLASS="specimenWindow">

    <DIV CLASS="specimenImage">

        <IMG ID="specImg" WIDTH="150" HEIGHT="150" />
        <CANVAS ID="specCanvas" WIDTH="150" HEIGHT="150"></CANVAS>

    </DIV>

</DIV>

<SCRIPT TYPE="text/javascript" SRC="js/CompoundBlur.js"></SCRIPT>

///CSS///

.specimenWindow {
    position: absolute;
    width: 150px;
    height: 150px;
    left: 37px;
    top: 96px;
}

.specimenImage {
    height: 150px;
    width: 150px;
}

#specCanvas {
    position: absolute;
    top: 27px;
    left: 2px;
}

///JS///

var specImg = document.getElementById("specImg");

_slider.ontouchend = function() {
    compoundBlur();
} 

function compoundBlur() {
    var lensRead = _slider.getPosition(0, 80);
    var rData = getRadialGradientMap( 150, 150, 75, 75, 25, 60 ); 
    compoundBlurImage( "specImg", "specCanvas", rData, lensRead, 1.5, 2, true );
}

したがって、値を調整して、よりスムーズなぼかし効果を得ることができます。スライダーのタッチが終了したときにぼかします。これは、スライダーが変更されたときに絶えずぼかすのに対して、モバイル デバイスでははるかに効率的です。そうしないと、iPad が熱くなり、バッテリーの電力が失われ始めます。早く

高速な複合ぼかしを実装しようとしている人に役立つことを願っています.

于 2014-03-31T20:08:10.373 に答える