打磚塊（完整版） | JavaScript 程式專案

{"id":149957,"student_id":10,"content":"setBackdrop('bg.jpg'); //設定背景圖\nvar player = createSprite('p_0.png', 'p_1.png'); //玩家擋板\nvar ball = createSprite('ball_0.png', 'ball_1.png'); //球\nvar bar = createSprite('bar_0.png', 'bar_1.png'); //下方橘色長條\nvar hint = createSprite('hint.png'); //遊戲說明\nvar gameoverText = createSprite('gameover.png'); //遊戲結束文字\n\nplayer.y = 800;\nball.direction = 0;\ngameoverText.layer = 1;\nball.layer = 1;\nhint.layer = 1;\nball.y = 700;\ngameoverText.hidden = true;\n\nvar blocks = []; //存放所有磚塊角色\nvar speed = 10; //移動速度\nvar score = 0; //遊戲分數\nvar life = 3; //生命\nvar active = false; //是否卷動磚塊\nvar combo = 0; //連擊個數\n\ncreateSound('bgm.mp3');\n\nforever(loop); //重複不斷執行遊戲迴圈\n\n//初始化 10*5 磚塊\nfor (var x = 0; x \u003c 10; x++) {\n    for (var y = 0; y \u003c 5; y++) {\n        var b = createSprite('b0.png', 'b1.png', 'b2.png', 'b3.png', 'b4.png', 'b5.png', 'b6.png', 'b7.png');\n        b.x = x*120 + 60;\n        b.y = y*60 + 30;\n        b.costumeId = Math.floor(Math.random()*6);\n        blocks.push(b);\n    }\n}\n\n//遊戲主迴圈\nfunction loop () {\n\n    player.x = cursor.x;\n\n    if (active) {\n        ball.stepForward(speed);\n        ball.bounceEdge();\n    } else {\n        ball.x = player.x;\n    }\n\n    if (cursor.isDown) {\n        active = true;\n        hint.hidden = true;\n    }\n\n    if (ball.y \u003e= 850) {\n        ball.direction = 0;\n        active = false;\n        ball.y = 700;\n        ball.x = player.x;\n        life--;\n        speed = 10;\n    }\n\n    if (ball.touched(player)) {\n        ball.direction = ((ball.x - player.x)/100)*45;\n        createSound('hit.mp3');\n        combo = 0;\n    }\n\n    for (var i = 0; i \u003c blocks.length; i++) {\n        if (ball.touched(blocks[i])) {\n            blocks[i].hidden = true;\n            ball.direction = -ball.direction + 180;\n            if (speed \u003c 20) {\n                speed += 0.2;\n            }\n            combo += 1;\n            score += combo;\n            createSound((combo % 7 + 1) + '.mp3'); //根據連擊數播放不同音效\n        }\n        if (active) {\n            blocks[i].y += speed/100; //磚塊下降會隨球速等比例變快\n        }\n        if (blocks[i].hidden == false \u0026\u0026 blocks[i].y \u003e 800) {\n            gameover();\n        }\n    }\n    \n    //如果最上排磚塊完全進入遊戲場景中，就創造新的一排磚塊\n    if (blocks[0].y \u003e= 30) {\n        for (var x = 0; x \u003c 10; x++) {\n            var b = createSprite('b0.png', 'b1.png', 'b2.png', 'b3.png', 'b4.png', 'b5.png', 'b6.png', 'b7.png');\n            b.costumeId = Math.floor(Math.random()*6);\n            b.x = x*120 + 60;\n            b.y = -30;\n            blocks.unshift(b); //為了方便偵測最上排的磚塊位置，要從陣列前方加入\n        }\n    }\n\n    if (life \u003c 0) {\n        gameover();\n    }\n\n    drawText('life: ' + life, 500, 860, 'white', 40);\n    drawText('score: ' + score, 900, 860, 'white', 40);\n    drawText('combo: ' + combo, 100, 860, 'white', 40);\n}\n\n//遊戲結束\nfunction gameover () {\n    stop();\n    for (var i = 0; i \u003c blocks.length; i++) {\n        blocks[i].costumeId = 7;\n    }\n    player.costumeId = 1;\n    bar.costumeId = 1;\n    ball.costumeId = 1;\n    gameoverText.hidden = false;\n}\n","created_at":"2020-05-17T16:30:32.748+08:00","updated_at":"2020-08-20T15:59:28.402+08:00","name":"打磚塊（完整版）","language":"javascript","screenshot":{"url":"https://cdn8.koding.school/uploads/project/screenshot/149957/8aa9a2cbc9d7b1a0566cc58c70ef9fcb.jpg"},"parent_id":2,"plugin":"Game.set({width: 1200, height: 900});","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":340,"hashid":"9ygsyrqm","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}