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

Question

我想在我的游戏中添加我认为应该是 if 语句的内容，以便在超过特定分数后显示设置为“display:none”的 html div (#game-over)。

我为游戏创建了一个 js fiddle $('#game-over').show(); here您不能在 fiddle 中玩游戏，所以这里还有一个实时版本供您查看 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();
        }

    });