enchant.js游戏创建if语句来显示div

Question

我想在我的游戏中添加我认为应该是if语句的内容，以便将html div（＃game-over）设置为＆＃34; display：none＆＃34;将在超过某个分数后显示。

我为游戏创造了一个小提琴     $('#game-over').show(); here 您无法在小提琴中玩游戏，因此这里也是一个可以查看的实时版本http://spencerpopedesign.com/enemyfighter/examples/expert/shooting/index.html

Answer 1

查看您的main.js文件，您的分数基于scoreLabel.score变量。

您可以创建新的事件侦听器或将其添加到触发$('#game-over').show();的当前帧事件侦听器

例如，使用以下命令更新您的enterframe侦听器：

    game.rootScene.addEventListener('enterframe', function () {
        if(rand(1000) < game.frame / 20 * Math.sin(game.frame / 100) + game.frame / 20 + 50) {
            var y = rand(320);
            var omega = y < 160 ? 0.01 : -0.01;
            var enemy = new Enemy(320, y, omega);
            enemy.key = game.frame;
            enemies[game.frame] = enemy;
        }
        scoreLabel.score = game.score;

        // If score limit reached
        if(scoreLabel.score > 1000){
            $('#game-over').show();
        }

    });