1

私は子供向けのシューティング ゲームを作成しました。このゲームでは、表示されたときに正しい数字 (質問に応じて) を撃つ必要があります。私の問題は、現時点では数字が1つずつ表示されることですが、この例の形のように動き続ける数字がキャンバスに常に入力されるようにしたいと思います... http://sheppardsoftware.com/ mathgames/earlymath/shapes_shoot.htm

function moveRandom(id) {

var cPos = $('#container').offset();
var cHeight = $('#container').height();
var cWidth = $('#container').width();

// get box padding (assume all padding have same value)
var pad = parseInt($('#container').css('padding-top').replace('px', ''));

// get movable box size
var bHeight = $('#' + id).height();
var bWidth = $('#' + id).width();

// set maximum position
maxY = cPos.top + cHeight - bHeight - pad;
maxX = cPos.left + cWidth - bWidth - pad;

// set minimum position
minY = cPos.top + pad;
minX = cPos.left + pad;

// set new position
newY = randomFromTo(minY, maxY);
newX = randomFromTo(minX, maxX);

$('#' + id).css({
    top: newY,
    left: newX
}).fadeIn(2000, function() {
    setTimeout(function() {
        $('#' + id).fadeOut('fast');
        window.cont++;
    }, 1500);
});

これが私が作成したバージョンですhttp://jsfiddle.net/pUwKb/5/

4

1 に答える 1

0

css()メソッドをに置き換えると機能しanimate()ますか?

$('#' + id).animate({
    top: newY,
    left: newX
}).fadeIn(2000, function() {
    setTimeout(function() {
        $('#' + id).fadeOut('fast');
        window.cont++;
    }, 1500);
});
于 2012-12-18T10:09:59.680 に答える