小朋友下樓梯學生版 | JavaScript 程式專案

{"id":222880,"student_id":16,"content":"var bg = createSprite('sky_0.png', 'sky_1.png');\nvar build = createSprite('tower_0.png', 'tower_1.png');\nvar ceiling = createSprite('ceiling.png'); //天花板的針刺\nvar player = createSprite('p_0.png', 'p_1.png', 'p_2.png', 'p_3.png', 'p_4.png'); //玩家\n\nvar life = 10; //玩家血量\nvar floor = 0; //階梯數\nvar stairs = []; //存放階梯角色\nvar vy = 0; //玩家墜落的速度\nvar touchOn; //當前碰撞到的階梯\nvar clock = 0; //計時器\nvar flash = false //是否閃爍\n\n// 初始化角色位置\u0026圖層\nceiling.y = 20;\nceiling.layer = 1;\nplayer.hidden = true;\n\n// forever(loop); //重複不斷執行遊戲迴圈\nplayer.on('touch', stairs, onTouchStair);\ncreateSound('bgm.mp3', true);\n\n\n//遊戲主迴圈\nfunction loop () {\n    updatePlayer(); //偵測玩家操控並更新角色位置\n    updateStairs(); //讓所有階梯向上捲動\n    updateCostume(); //玩家走路動畫\n    updateInfo(); //捲動更新背景圖\n    updateBackground(); //捲動更新背景圖\n    gameoverCheck(); //判斷遊戲是否結束\n}\n\n//初始化階梯\n// for (var i = 0; i \u003c 7; i++) {\n//     var s = createSprite('s_0.png', 's_1.png', 's_2.png', 's_3.png', 's_4.png', 's_5.png');\n//     s.costumeId = Math.floor(Math.random() * 6);\n//     s.x = 300 + Math.random() * 600;\n//     s.y = i * 150;\n//     stairs.push(s);\n// }\n\n//偵測玩家操控並更新角色位置\nfunction updatePlayer () {\n    if (key.left) {\n        player.x -= 12;\n    }\n    if (key.right) {\n        player.x += 12;\n    }\n    vy += 0.6;\n    player.y += vy;\n}\n\n//讓所有階梯向上捲動\nfunction updateStairs () {\n    for (var i = 0; i \u003c stairs.length; i++) {\n        var s = stairs[i];\n        s.y -= 3;\n        if (s.y \u003c -10) {\n            s.x = 300 + Math.random()*600;\n            s.y += 1050;\n            s.costumeId = Math.floor(Math.random()*6);\n            floor += 1;\n        }\n    }\n}\n\n//玩家踩到階梯時執行階梯對應的功能\nfunction onTouchStair (s) {\n    vy = 0;\n    player.y = s.y - 55;\n    if (s.costumeId == 0) {\n        player.x += 6;\n    }\n    if (s.costumeId == 1) {\n        player.x -= 6;\n    }\n    if (s.costumeId == 2) {\n        vy = -9;\n    }\n    if (s.costumeId == 3 \u0026\u0026 s != touchOn) {\n        life += 1;\n    }\n    if (s.costumeId == 4 \u0026\u0026 s != touchOn) {\n        life -= 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}\n\n//更新遊戲分數\nfunction updateInfo () {\n    drawText('分數：' + floor, 10, 10, 'black', 30);\n    drawText('生命：' + life, 10, 40, 'black', 30);\n}\n\n//判斷遊戲是否結束\nfunction gameoverCheck () {\n    if (life \u003c= 0 || player.y \u003e 1000 || player.touched(ceiling)) {\n        bg.costumeId = 1;\n        build.costumeId = 1;\n        stop();\n    }\n}\n\n//捲動更新背景圖\nfunction updateBackground () {\n    bg.y -= 0.2;\n    if (bg.y \u003c -900) {\n        bg.y += 1800;\n    }\n\n    build.y -= 3;\n    if (build.y \u003c -1800) {\n        build.y += 2700;\n    }\n    if (flash) {\n        bg.costumeId = 1;\n        build.costumeId = 1;\n        setTimeout(function() {\n            flash = false;\n        }, 200);\n    } else {\n        bg.costumeId = 0;\n        build.costumeId = 0;\n    }\n}\n\n//玩家走路動畫\nfunction updateCostume () {\n    clock++;\n    if (clock % 4 == 0) {\n        if (key.right) {\n            if (player.costumeId == 1) {\n                player.costumeId = 2;\n            } else {\n                player.costumeId = 1;\n            }\n        } else if (key.left) {\n            if (player.costumeId == 3) {\n                player.costumeId = 4;\n            } else {\n                player.costumeId = 3;\n            }\n        } else {\n            player.costumeId = 0;\n        }\n    }\n}","created_at":"2021-01-26T11:18:37.877+08:00","updated_at":"2021-01-26T21:40:31.811+08:00","name":"小朋友下樓梯學生版","language":"javascript","screenshot":{"url":"https://cdn3.koding.school/uploads/project/screenshot/222880/7f0ea523630a107740648607f0ae7765.jpg"},"parent_id":222680,"plugin":"Game.set({width:1200, height:900})","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":70,"hashid":"qmds8w82d","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":3968379,"file_name":"s_1.png","project_id":222880,"asset_id":246926,"created_at":"2021-01-26T11:18:37.884+08:00","updated_at":"2021-01-26T11:18:37.884+08:00"},{"id":3968380,"file_name":"s_0.png","project_id":222880,"asset_id":246925,"created_at":"2021-01-26T11:18:37.885+08:00","updated_at":"2021-01-26T11:18:37.885+08:00"},{"id":3968381,"file_name":"bgm.mp3","project_id":222880,"asset_id":36477,"created_at":"2021-01-26T11:18:37.886+08:00","updated_at":"2021-01-26T11:18:37.886+08:00"},{"id":3968382,"file_name":"s_5.png","project_id":222880,"asset_id":246930,"created_at":"2021-01-26T11:18:37.887+08:00","updated_at":"2021-01-26T11:18:37.887+08:00"},{"id":3968383,"file_name":"s_4.png","project_id":222880,"asset_id":246929,"created_at":"2021-01-26T11:18:37.888+08:00","updated_at":"2021-01-26T11:18:37.888+08:00"},{"id":3968384,"file_name":"hit.mp3","project_id":222880,"asset_id":36476,"created_at":"2021-01-26T11:18:37.889+08:00","updated_at":"2021-01-26T11:18:37.889+08:00"},{"id":3968385,"file_name":"tower_1.png","project_id":222880,"asset_id":246934,"created_at":"2021-01-26T11:18:37.890+08:00","updated_at":"2021-01-26T11:18:37.890+08:00"},{"id":3968386,"file_name":"tower_0.png","project_id":222880,"asset_id":246933,"created_at":"2021-01-26T11:18:37.891+08:00","updated_at":"2021-01-26T11:18:37.891+08:00"},{"id":3968387,"file_name":"s_3.png","project_id":222880,"asset_id":246928,"created_at":"2021-01-26T11:18:37.892+08:00","updated_at":"2021-01-26T11:18:37.892+08:00"},{"id":3968388,"file_name":"s_2.png","project_id":222880,"asset_id":246927,"created_at":"2021-01-26T11:18:37.893+08:00","updated_at":"2021-01-26T11:18:37.893+08:00"},{"id":3968389,"file_name":"jump.mp3","project_id":222880,"asset_id":36478,"created_at":"2021-01-26T11:18:37.894+08:00","updated_at":"2021-01-26T11:18:37.894+08:00"},{"id":3968390,"file_name":"gg.mp3","project_id":222880,"asset_id":36479,"created_at":"2021-01-26T11:18:37.895+08:00","updated_at":"2021-01-26T11:18:37.895+08:00"},{"id":3968391,"file_name":"p_4.png","project_id":222880,"asset_id":246924,"created_at":"2021-01-26T11:18:37.895+08:00","updated_at":"2021-01-26T11:18:37.895+08:00"},{"id":3968392,"file_name":"p_3.png","project_id":222880,"asset_id":246923,"created_at":"2021-01-26T11:18:37.896+08:00","updated_at":"2021-01-26T11:18:37.896+08:00"},{"id":3968393,"file_name":"p_2.png","project_id":222880,"asset_id":246922,"created_at":"2021-01-26T11:18:37.897+08:00","updated_at":"2021-01-26T11:18:37.897+08:00"},{"id":3968394,"file_name":"p_1.png","project_id":222880,"asset_id":246921,"created_at":"2021-01-26T11:18:37.898+08:00","updated_at":"2021-01-26T11:18:37.898+08:00"},{"id":3968395,"file_name":"sky_1.png","project_id":222880,"asset_id":246932,"created_at":"2021-01-26T11:18:37.899+08:00","updated_at":"2021-01-26T11:18:37.899+08:00"},{"id":3968396,"file_name":"sky_0.png","project_id":222880,"asset_id":246931,"created_at":"2021-01-26T11:18:37.900+08:00","updated_at":"2021-01-26T11:18:37.900+08:00"},{"id":3968397,"file_name":"p_0.png","project_id":222880,"asset_id":246920,"created_at":"2021-01-26T11:18:37.901+08:00","updated_at":"2021-01-26T11:18:37.901+08:00"},{"id":3968398,"file_name":"ceiling.png","project_id":222880,"asset_id":246919,"created_at":"2021-01-26T11:18:37.902+08:00","updated_at":"2021-01-26T11:18:37.902+08:00"}]