0

バーストエンジンとhtml5で簡単なアニメーションを作成しました

スタートボタンを接続して、2回押すとアニメーションが再開するようにします。今は始まったばかりで、それ以上何も起こりません。開始ボタンは一時停止関数に偽の値を与えるだけなので、私はそれを知っていますが、関数の書き方についての手がかりはありません。

何か案は ？Burst-Engine ライブラリを使用しています

var dVal = 120, redRectTL, blueRectTL;

function minBurstFunk(Burst) {
    //Bakgrunden
    Burst.timeline("bg", 0, 1, 0, false)
        .shape("ruta", "SVG-ex.svg", "svg", 0, 0)
            .cut("redSqr;blueSqr");

    Burst.timeline("bg").paused = true;
    Burst.timeline("redRect", 0, 20, 0.2, true)
            .shape("red", "SVG-ex.svg", "svg", 0, 0)
                .cut("blueSqr;bgSqr;").track("left")
                    .key(0, 0, "easeInOutQuad")
                    .key(10, -50, "linear")
                    .key(20, 0);


    redRectTL = Burst.timeline("redRect");
    redRectTL.paused = true;

    Burst.start("bg;redRect;blueRect");
}

new Burst('loadCanvas', minBurstFunk);

// ************ buttons ******************

//Stoppa red rectangel
function stopRect1() {
    redRectTL.paused = true;
};

//Starta red rectangel
function klickHant() {
    redRectTL.paused = false;
};

私のアニメーションへのリンク

http://www.pixeltouch.no/multimedia/labb3/canvas.php

4

1 に答える 1

0

簡単な関数で問題を解決しました

klickHant() 関数を

function klickHant()
    {
    redRectTL.paused = false;
    redRectTL.frame = 0;

    };
于 2012-06-14T06:46:32.670 に答える