小朋友下樓梯 | JavaScript Programming Project

{"id":52278,"student_id":10,"content":"setBackdrop('black');\n\n// 創造天花板\nvar ceiling = createSprite(\"ceiling.png\");\nceiling.x = 320;\nceiling.y = 8;\nceiling.layer = 1;\n\n// 創造左右牆壁\nvar left_wall = createSprite(\"wall.png\");\nvar right_wall = createSprite(\"wall.png\");\nleft_wall.x = 130;\nright_wall.x = 510;\n\n// 創造玩家\nvar player = createSprite([\"player_1.png\",\"player_2.png\",\"player_3.png\",\"player_4.png\",\"player_5.png\"]);\nplayer.y = 50;\n//---------------------------------------------------------------//\n\nvar stairs = []; // 存放階梯角色的陣列\nvar vy = 0; // 玩家垂直移動速度\nvar life = 10; // 玩家生命\nvar floor = 0; // 紀錄階梯個數\nvar clock = 0; // 用來計算玩家走路動畫切換造型的時機\nvar lastTime = 0; // 天花板在一定的時間內不會重複扣血\nvar flash; // 紀錄是否要閃爍畫面\nvar touchOn; // 儲存玩家當前踩到的階梯，防止某些階梯效果不斷觸發\n\nfor(var i=0; i\u003c8; i++) {\n    var stair = createSprite([\"conveyor_left.png\",\"conveyor_right.png\",\"trampoline.png\",\"normal.png\",\"nails.png\",\"fake.png\"]);\n\tstair.x = Math.random()*290 + 185;\n    stair.y = i*80 + 640;\n    stair.costumeId = Math.floor(Math.random()*6);\n    stairs.push(stair);\n}\n\nforever(function() {\n    setBackdrop('black');\n    if(flash) {\n        setBackdrop('red');\n        flash = false;\n    }\n\tif (key.left \u0026\u0026 !player.touched(left_wall)) {\n    \tplayer.x -= 3;\n    }\n    if (key.right \u0026\u0026 !player.touched(right_wall)) {\n    \tplayer.x += 3;\n    }\n    \n    // 如果玩家沒有踩到階梯，下降速度增加 0.1\n    if (!player.touched(stairs)) {\n        vy += 0.1;\n    }\n    player.y += vy; // 根據玩家下降速度移動角色 y 座標\n\n    clock++;\n    if (clock%6 == 0) {\n        if (key.right) {\n            if (player.costumeId == 1) {\n                player.costumeId = 2;\n            } else {\n                player.costumeId = 1;\n            }\n        }\n        if (key.left) {\n            if (player.costumeId == 3) {\n                player.costumeId = 4;\n            } else {\n                player.costumeId = 3;\n            }\n        }\n    }\n    // 如果沒有按下左右按鍵就恢復正面造型\n    if (key.right == false \u0026\u0026 key.left == false) {\n        player.costumeId = 0;\n    }\n\n    for (var i=0; i\u003cstairs.length; i++) {\n    \tstairs[i].y -= 2;\n        if(stairs[i].y \u003c -10) {\n            stairs[i].costumeId = Math.floor(Math.random()*5);\n        \tstairs[i].y += 640;\n            stairs[i].hidden = false;\n            floor += 1;\n        }\n    }\n    if (life \u003c= 0 || player.y \u003e 500) {\n    \tsetBackdrop('red');\n        stop();\n    }\n    \n    // 3000ms(三秒內)不會重複扣血\n    var time = Date.now();\n    if (player.touched(ceiling) \u0026\u0026 time - lastTime \u003e 3000) {\n        life -= 3;\n        lastTime = time;\n        flash = true;\n        vy = 0;\n    }\n    print(floor, 370, 10, 'red', 20);\n    print(life, 10, 10, 'red', 20);\n});\n\nplayer.when('touch',stairs, function(s) {\n    if(player.y \u003e s.y) return; // 防止跳起來碰撞到上方階梯\n    vy = 0;\n    player.y = s.y - 20; //固定角色位置在當前的階梯上方\n\t\n\tif(s.costumeId == 0) { //向左傳送帶\n    \tplayer.x -= 2;\n    }\n    if(s.costumeId == 1) { //向右傳送帶\n    \tplayer.x += 2;\n    }\n    if(s.costumeId == 2) { //彈簧階梯\n        vy = -7;\n    }\n    if(s.costumeId == 3 \u0026\u0026 s != touchOn) { //一般藍色階梯\n    \tlife += 1;\n    }\n    if(s.costumeId == 4 \u0026\u0026 s != touchOn) { //釘子階梯\n    \tlife -= 3;\n        flash = true;\n    }\n    if(s.costumeId == 5 \u0026\u0026 s != touchOn) { //灰色階梯\n        setTimeout(function() {\n            s.hidden = true\n        }, 300);\n    }\n    touchOn = s; // 粉重要！\n});","created_at":"2018-12-15T11:07:22.659+08:00","updated_at":"2020-05-22T11:23:26.697+08:00","name":"小朋友下樓梯","language":"javascript","screenshot":{"url":"/uploads/project/screenshot/52278/8e867d65eccf6c734daa9daf2d289c6d.jpg"},"parent_id":2,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":485,"hashid":"meysg2zy","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":932413,"file_name":"conveyor_left.png","project_id":52278,"asset_id":104230,"created_at":"2018-12-15T11:07:49.449+08:00","updated_at":"2018-12-15T11:07:49.449+08:00"},{"id":932414,"file_name":"conveyor_right.png","project_id":52278,"asset_id":104231,"created_at":"2018-12-15T11:07:49.477+08:00","updated_at":"2018-12-15T11:07:49.477+08:00"},{"id":932415,"file_name":"fake.png","project_id":52278,"asset_id":104232,"created_at":"2018-12-15T11:07:49.485+08:00","updated_at":"2018-12-15T11:07:49.485+08:00"},{"id":932416,"file_name":"normal.png","project_id":52278,"asset_id":104233,"created_at":"2018-12-15T11:07:49.491+08:00","updated_at":"2018-12-15T11:07:49.491+08:00"},{"id":932417,"file_name":"trampoline.png","project_id":52278,"asset_id":104234,"created_at":"2018-12-15T11:07:49.499+08:00","updated_at":"2018-12-15T11:07:49.499+08:00"},{"id":932418,"file_name":"nails.png","project_id":52278,"asset_id":104235,"created_at":"2018-12-15T11:07:49.506+08:00","updated_at":"2018-12-15T11:07:49.506+08:00"},{"id":932419,"file_name":"ceiling.png","project_id":52278,"asset_id":104236,"created_at":"2018-12-15T11:07:49.513+08:00","updated_at":"2018-12-15T11:07:49.513+08:00"},{"id":932420,"file_name":"wall.png","project_id":52278,"asset_id":104237,"created_at":"2018-12-15T11:07:49.521+08:00","updated_at":"2018-12-15T11:07:49.521+08:00"},{"id":932421,"file_name":"player_3.png","project_id":52278,"asset_id":104238,"created_at":"2018-12-15T11:07:49.529+08:00","updated_at":"2018-12-15T11:07:49.529+08:00"},{"id":932422,"file_name":"player_4.png","project_id":52278,"asset_id":104239,"created_at":"2018-12-15T11:07:49.535+08:00","updated_at":"2018-12-15T11:07:49.535+08:00"},{"id":932423,"file_name":"player_2.png","project_id":52278,"asset_id":104240,"created_at":"2018-12-15T11:07:49.542+08:00","updated_at":"2018-12-15T11:07:49.542+08:00"},{"id":932424,"file_name":"player_5.png","project_id":52278,"asset_id":104241,"created_at":"2018-12-15T11:07:49.548+08:00","updated_at":"2018-12-15T11:07:49.548+08:00"},{"id":932425,"file_name":"player_1.png","project_id":52278,"asset_id":104242,"created_at":"2018-12-15T11:07:49.554+08:00","updated_at":"2018-12-15T11:07:49.554+08:00"}]