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

{"id":616106,"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// 【學習】隱藏男同學的角色\nboy.hidden = true;\n\n// 初始化女同學\nlet girl = createSprite([\"girl_1.png\", \"girl_2.png\", \"girl_3.png\"]);\ngirl.x = 200;\ngirl.y = 700;\n// 【學習】隱藏女同學的角色\ngirl.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// 【學習】隱藏打瞌睡按鈕\nzzzBtn.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 變數\nlet 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        setBackdrop(\"tutorial.jpg\");\n    } else {\n        // 【學習】設定教室 classroom.jpg 背景\n        setBackdrop(\"classroom.jpg\");\n        \n        // 【學習】不斷增加計時器的數值\n        clock ++;\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-09-23T20:22:12.663+08:00","updated_at":"2023-11-29T17:15:09.826+08:00","name":"JS 上課打瞌睡","language":"javascript","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/616106/5676d4924741a6e7577ea8c3ac9ea4d9.jpg"},"parent_id":198691,"plugin":"Game.set({width: 1200, height: 900})","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":41,"hashid":"p93srrvkw","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":13860006,"file_name":"back_2.png","project_id":616106,"asset_id":272982,"created_at":"2023-09-23T20:22:12.670+08:00","updated_at":"2023-09-23T20:22:12.670+08:00"},{"id":13860007,"file_name":"boy_3.png","project_id":616106,"asset_id":272983,"created_at":"2023-09-23T20:22:12.671+08:00","updated_at":"2023-09-23T20:22:12.671+08:00"},{"id":13860008,"file_name":"girl_3.png","project_id":616106,"asset_id":272990,"created_at":"2023-09-23T20:22:12.673+08:00","updated_at":"2023-09-23T20:22:12.673+08:00"},{"id":13860009,"file_name":"boy_2.png","project_id":616106,"asset_id":272991,"created_at":"2023-09-23T20:22:12.674+08:00","updated_at":"2023-09-23T20:22:12.674+08:00"},{"id":13860010,"file_name":"angry.png","project_id":616106,"asset_id":272988,"created_at":"2023-09-23T20:22:12.675+08:00","updated_at":"2023-09-23T20:22:12.675+08:00"},{"id":13860011,"file_name":"girl_1.png","project_id":616106,"asset_id":272989,"created_at":"2023-09-23T20:22:12.675+08:00","updated_at":"2023-09-23T20:22:12.675+08:00"},{"id":13860012,"file_name":"girl_2.png","project_id":616106,"asset_id":272992,"created_at":"2023-09-23T20:22:12.676+08:00","updated_at":"2023-09-23T20:22:12.676+08:00"},{"id":13860013,"file_name":"turn_1.png","project_id":616106,"asset_id":272993,"created_at":"2023-09-23T20:22:12.677+08:00","updated_at":"2023-09-23T20:22:12.677+08:00"},{"id":13860014,"file_name":"turn_2.png","project_id":616106,"asset_id":272996,"created_at":"2023-09-23T20:22:12.678+08:00","updated_at":"2023-09-23T20:22:12.678+08:00"},{"id":13860015,"file_name":"boy_1.png","project_id":616106,"asset_id":272997,"created_at":"2023-09-23T20:22:12.679+08:00","updated_at":"2023-09-23T20:22:12.679+08:00"},{"id":13860016,"file_name":"bgm.mp3","project_id":616106,"asset_id":268106,"created_at":"2023-09-23T20:22:12.680+08:00","updated_at":"2023-09-23T20:22:12.680+08:00"},{"id":13860017,"file_name":"boy_4.png","project_id":616106,"asset_id":272980,"created_at":"2023-09-23T20:22:12.682+08:00","updated_at":"2023-09-23T20:22:12.682+08:00"},{"id":13860018,"file_name":"startBtn.png","project_id":616106,"asset_id":272981,"created_at":"2023-09-23T20:22:12.683+08:00","updated_at":"2023-09-23T20:22:12.683+08:00"},{"id":13860019,"file_name":"awake.png","project_id":616106,"asset_id":272987,"created_at":"2023-09-23T20:22:12.684+08:00","updated_at":"2023-09-23T20:22:12.684+08:00"},{"id":13860020,"file_name":"zzzBtn.png","project_id":616106,"asset_id":272994,"created_at":"2023-09-23T20:22:12.685+08:00","updated_at":"2023-09-23T20:22:12.685+08:00"},{"id":13860021,"file_name":"doze.png","project_id":616106,"asset_id":272995,"created_at":"2023-09-23T20:22:12.686+08:00","updated_at":"2023-09-23T20:22:12.686+08:00"},{"id":13860022,"file_name":"classroom.jpg","project_id":616106,"asset_id":274933,"created_at":"2023-09-23T20:22:12.687+08:00","updated_at":"2023-09-23T20:22:12.687+08:00"},{"id":13860023,"file_name":"back_1.png","project_id":616106,"asset_id":274931,"created_at":"2023-09-23T20:22:12.688+08:00","updated_at":"2023-09-23T20:22:12.688+08:00"},{"id":13860024,"file_name":"tutorial.jpg","project_id":616106,"asset_id":274932,"created_at":"2023-09-23T20:22:12.689+08:00","updated_at":"2023-09-23T20:22:12.689+08:00"}]