Javascript Easle.JS Canvas游戏未显示图片

时间:2015-06-06 00:11:54

标签: javascript canvas

在此功能中

    /*!
 * 
 * UPDATE SCORE - This is the function that runs to add score
 * 
 */
function updateScore(num){
    if(num!=0 && !gameEnd){
        var colorz = binobject_arr[binplace_arr[num-1].id].srcs;

                if(num=1){
        window.alert('width 151   height 132   y 591   x '+ $.binHolder['bin1'].x +'   path '+ colorz);
    }
    else if(num=2){
        window.alert('width 151   height 132   y 591   x '+ $.binHolder['bin2'].x +'   path '+ colorz);
    }
    else if(num=3){
        window.alert('width 151   height 132   y 591   x '+ $.binHolder['bin3'].x +'   path '+ colorz);
    }

        var score = binobject_arr[binplace_arr[num-1].id].score;
        playerData[0].playerScore+=score;
        scoreTxt.text = resultScoreTxt.text = playerData[0].playerScore;

        var startX1=canvasH/100*30;
        scoreDisplayTxt.text = '+'+score+'PT';
        scoreDisplayTxt.x=canvasW/2;
        scoreDisplayTxt.y=startX1;
        scoreDisplayTxt.alpha=0;

        $(scoreDisplayTxt)
        .clearQueue()
        .stop()
        .animate({ alpha:1, y:startX1-(canvasH/100*6)}, 500 )
        .animate({ alpha:0}, 500 );
    }

    setTimeout(function() {
         resetGame();
    }, 50);
}

我的window.alerts为我提供了创建画布图像所需的所有信息,但是当我尝试使用带有javascript和/或createjs.Bitmap的drawImage()和使用这些参数的easle.js时,我没有得到图像。我尝试使用预加载和等待,但我太过于使用Canvas的菜鸟来解决这个问题。这个游戏是有目的的,所以有很多事情要发生,但我想简单地(所以我)将图像从酱汁切换到飞溅酱汁,当金块落入垃圾箱。

以下是在线工作代码: http://robertson.partners/gm/

我只是想从

改变图像

robertson.partners/gm/assets/sauceYellow.png 至 robertson.partners/gm/assets/sauceYellow-splash.png

当鸡落在垃圾箱里时,垃圾桶的位置会发生变化。 X会改变,但宽度,高度和y总是相同的。

0 个答案:

没有答案