JS 上課打瞌睡_學生 | JavaScript 程式專案

{"id":625599,"student_id":3760,"content":"// 設定背景音樂\nlet bgm = sound.play('bgm.mp3');\n\n// 初始化老師\nlet teacher = createSprite([\"back_1.png\", \"back_2.png\", \"turn_1.png\", \"turn_2.png\", \"angry.png\"]);\nteacher.x = 850;\nteacher.y = 400;\n\n// 初始化叩叮\nlet koding = createSprite([\"awake.png\", \"doze.png\"]);\nkoding.x = 600;\nkoding.y = 700;\n\n// 初始化男同學\nlet boy = createSprite([\"boy_1.png\", \"boy_2.png\", \"boy_3.png\", \"boy_4.png\"]);\nboy.x = 1000;\nboy.y = 700;\n// 【學習】隱藏男同學的角色\n// 將變數 boy 的 hidden 屬性設定為 true\n\n// 初始化女同學\nlet girl = createSprite([\"girl_1.png\", \"girl_2.png\", \"girl_3.png\"]);\ngirl.x = 200;\ngirl.y = 700;\n// 【學習】隱藏女同學的角色\n// 將變數 boy 的 hidden 屬性設定為 true\n\n// 初始開始化按鈕\nlet startBtn = createSprite(\"startBtn.png\");\nstartBtn.x = 400;\nstartBtn.y = 400;\n\n// 初始打瞌睡按鈕\nlet zzzBtn = createSprite(\"zzzBtn.png\");\nzzzBtn.y = 750;\n// 【學習】隱藏打瞌睡按鈕\n// 將變數 zzzBtn 的 hidden 屬性設定為 true\n\n// 控制觸發打瞌睡行為的變數\nlet isDozing = false;\n\n// 監聽發生在開始按鈕上的點選事件\nstartBtn.on(\"click\", function() {\n    // 【學習】隱藏開始按鈕\n    // 將變數 startBtn 的 hidden 屬性設定為 true\n    // 【學習】顯示開始按鈕\n    // 將變數 zzzBtn 的 hidden 屬性設定為 false\n})\n\n// 監聽發生在打瞌睡按鈕上的按下滑鼠左鍵事件\nzzzBtn.on(\"mousedown\", function() {\n    isDozing = true;\n    koding.costumeId = 1;\n})\n\n// 監聽發生在打瞌睡按鈕上的放開滑鼠左鍵事件\nzzzBtn.on(\"mouseup\", function() {\n    isDozing = false;\n    koding.costumeId = 0;\n})\n\n// 【學習】初始化計時器 clock 變數\n// 建立一個變數 clock，並指定為 0\nlet score = 0;\nlet level = 1;\n\n\n// 切換老師動作\nfunction moveTeacher() {\n    let s = Math.random();\n    if (s \u003c 0.5) {\n        if (teacher.costumeId \u003e 0) {\n            teacher.costumeId -= 1;\n        }\n    } else {\n        if (teacher.costumeId \u003c 4) {\n            teacher.costumeId += 1;\n        }\n    }\n}\n\n// 切換男同學動作\nfunction moveBoy() {\n    let s = Math.random();\n    if (s \u003c 0.5) {\n        if (boy.costumeId \u003e 0) {\n            boy.costumeId -= 1;\n        }\n    } else {\n        if (boy.costumeId \u003c 3) {\n            boy.costumeId += 1;\n        }\n    }\n}\n\n// 切換女同學動作\nfunction moveGirl() {\n    let s = Math.random();\n    if (s \u003c 0.5) {\n        if (girl.costumeId \u003e 0) {\n            girl.costumeId -= 1;\n        }\n    } else {\n        if (girl.costumeId \u003c 2) {\n            girl.costumeId += 1;\n        }\n    }\n}\n\n// 繪製能量值外框\nfunction drawEdge() {\n    pen.size = 10;\n    pen.color = \"black\";\n    pen.fillColor = \"white\";\n    pen.drawRect(500, 800, 200, 50);\n}\n\n// 繪製能量值\nfunction drawScore() {\n    pen.fillColor = \"red\";\n    pen.drawRect(500, 800, score, 50);\n}\n\n// 加分\nfunction addScore() {\n    if (isDozing) {\n        score += 0.5;\n    }\n}\n\n// 檢查遊戲是否結束\nfunction checkGameOver() {\n    if (isDozing \u0026\u0026 (teacher.costumeId == 4 || boy.costumeId == 3 || girl.costumeId == 2)) {\n        drawText(\"Game Over\", 300, 250, \"white\", 80);\n        stop();\n    }\n}\n\n// 檢查關卡切換並顯示關卡\nfunction checkLevel() {\n    if (score \u003e 200) {\n        level += 1;\n        score = 0;\n        if (level == 2) {\n            // 【學習】顯示男同學的角色\n            // 將變數 boy 的 hidden 屬性設定為 false\n        } else if (level == 3) {\n            // 【學習】顯示女同學的角色\n            // 將變數 girl 的 hidden 屬性設定為 false\n        } else {\n            drawText(\"You win!\", 300, 250, \"white\", 80);\n            stop();\n        }\n    }\n    if (level \u003c 4) {\n        drawText(\"Level \" + level, 300, 120, \"white\", 50);\n    }\n}\n\n// 不停執行的迴圈函式\nforever(function() {\n    if (startBtn.hidden === false) {\n        // 【學習】設定教學 tutorial.jpg 背景\n        // 將 \"tutorial.jpg\" 設定為背景\n    } else {\n        // 【學習】設定教室 classroom.jpg 背景\n        // 將 \"classroom.jpg\" 設定為背景\n        \n        // 【學習】增加計時器的數值\n        // 使變數 clock 增加 1 \n        if (clock%40 === 0 \u0026\u0026 level \u003e 0) {\n            moveTeacher();\n        }\n        if (clock%60 === 0 \u0026\u0026 level \u003e 1) {\n            moveBoy();\n        }\n        if (clock%80 === 0 \u0026\u0026 level \u003e 2) {\n            moveGirl();\n        }\n        \n        addScore();\n        drawEdge();\n        drawScore();\n        checkGameOver();\n        checkLevel();\n    }\n});","created_at":"2023-10-21T11:48:16.243+08:00","updated_at":"2023-10-26T15:45:04.539+08:00","name":"JS 上課打瞌睡_學生","language":"javascript","screenshot":{"url":"https://cdn1.koding.school/uploads/project/screenshot/625599/871fbdd989bc97a8a5be7ef395023347.jpg"},"parent_id":616106,"plugin":"Game.set({width: 1200, height: 900})","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":21,"hashid":"882snj29m","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":14057397,"file_name":"zzzBtn.png","project_id":625599,"asset_id":272994,"created_at":"2023-10-21T11:48:16.265+08:00","updated_at":"2023-10-21T11:48:16.265+08:00"},{"id":14057398,"file_name":"doze.png","project_id":625599,"asset_id":272995,"created_at":"2023-10-21T11:48:16.266+08:00","updated_at":"2023-10-21T11:48:16.266+08:00"},{"id":14057383,"file_name":"back_2.png","project_id":625599,"asset_id":272982,"created_at":"2023-10-21T11:48:16.250+08:00","updated_at":"2023-10-21T11:48:16.250+08:00"},{"id":14057384,"file_name":"boy_3.png","project_id":625599,"asset_id":272983,"created_at":"2023-10-21T11:48:16.252+08:00","updated_at":"2023-10-21T11:48:16.252+08:00"},{"id":14057385,"file_name":"girl_3.png","project_id":625599,"asset_id":272990,"created_at":"2023-10-21T11:48:16.253+08:00","updated_at":"2023-10-21T11:48:16.253+08:00"},{"id":14057386,"file_name":"boy_2.png","project_id":625599,"asset_id":272991,"created_at":"2023-10-21T11:48:16.254+08:00","updated_at":"2023-10-21T11:48:16.254+08:00"},{"id":14057387,"file_name":"angry.png","project_id":625599,"asset_id":272988,"created_at":"2023-10-21T11:48:16.254+08:00","updated_at":"2023-10-21T11:48:16.254+08:00"},{"id":14057388,"file_name":"girl_1.png","project_id":625599,"asset_id":272989,"created_at":"2023-10-21T11:48:16.256+08:00","updated_at":"2023-10-21T11:48:16.256+08:00"},{"id":14057389,"file_name":"girl_2.png","project_id":625599,"asset_id":272992,"created_at":"2023-10-21T11:48:16.257+08:00","updated_at":"2023-10-21T11:48:16.257+08:00"},{"id":14057390,"file_name":"turn_1.png","project_id":625599,"asset_id":272993,"created_at":"2023-10-21T11:48:16.258+08:00","updated_at":"2023-10-21T11:48:16.258+08:00"},{"id":14057391,"file_name":"turn_2.png","project_id":625599,"asset_id":272996,"created_at":"2023-10-21T11:48:16.258+08:00","updated_at":"2023-10-21T11:48:16.258+08:00"},{"id":14057392,"file_name":"boy_1.png","project_id":625599,"asset_id":272997,"created_at":"2023-10-21T11:48:16.260+08:00","updated_at":"2023-10-21T11:48:16.260+08:00"},{"id":14057393,"file_name":"bgm.mp3","project_id":625599,"asset_id":268106,"created_at":"2023-10-21T11:48:16.261+08:00","updated_at":"2023-10-21T11:48:16.261+08:00"},{"id":14057394,"file_name":"boy_4.png","project_id":625599,"asset_id":272980,"created_at":"2023-10-21T11:48:16.262+08:00","updated_at":"2023-10-21T11:48:16.262+08:00"},{"id":14057395,"file_name":"startBtn.png","project_id":625599,"asset_id":272981,"created_at":"2023-10-21T11:48:16.263+08:00","updated_at":"2023-10-21T11:48:16.263+08:00"},{"id":14057396,"file_name":"awake.png","project_id":625599,"asset_id":272987,"created_at":"2023-10-21T11:48:16.264+08:00","updated_at":"2023-10-21T11:48:16.264+08:00"},{"id":14057399,"file_name":"classroom.jpg","project_id":625599,"asset_id":274933,"created_at":"2023-10-21T11:48:16.267+08:00","updated_at":"2023-10-21T11:48:16.267+08:00"},{"id":14057400,"file_name":"back_1.png","project_id":625599,"asset_id":274931,"created_at":"2023-10-21T11:48:16.268+08:00","updated_at":"2023-10-21T11:48:16.268+08:00"},{"id":14057401,"file_name":"tutorial.jpg","project_id":625599,"asset_id":274932,"created_at":"2023-10-21T11:48:16.269+08:00","updated_at":"2023-10-21T11:48:16.269+08:00"}]