貪食蛇（完整版） | JavaScript 程式專案

{"id":146132,"student_id":10,"content":"setBackdrop('bg.jpg'); //設定背景圖\nvar food = createSprite('apple.png', 'orange.png'); //食物\nvar head = createSprite('head.png'); //蛇頭\nvar hint = createSprite('hint.png'); //遊戲開始示意圖\nvar gameover = createSprite('gameover.png'); //遊戲結束示意圖\nvar tail = createSprite('body.png', 'body_left.png', 'body_right.png', 'tail.png'); //蛇尾\n\nvar bodies = [tail]; // 用來存放蛇的身體\nvar clock = 0;\nvar direction = 90; //蛇下次移動的方向\nvar isStart = false; //是否開始遊戲\nvar level = 0; //分數等級用來計算移動速度\n\n// 設定蛇頭、食物、遊戲結束示意圖的圖層順序\nfood.layer = 1;\nhead.layer = 2;\ngameover.layer = 3;\n\ngameover.hidden = true; //預設隱藏遊戲結束示意圖\nhint.hidden = true; // 預設隱藏遊戲開始示意圖\n\nfood.moveTo(930, 450); //(60*15 + 30, 60*7 + 30)\nhead.moveTo(330, 450); //(60*5 + 30, 60*7 + 30)\nhint.moveTo(330, 450);\ntail.moveTo(270, 450);\ntail.costumeId = 3;\n\ncreateSound('bgm.mp3', true);\n\nforever(loop); //不斷執行遊戲迴圈\n\n// 遊戲主迴圈\nfunction loop () {\n    clock++;\n    if (clock % (12 - level) == 0 \u0026\u0026 isStart) {\n        if (head.touched(food)) {\n            food.x = Math.floor(Math.random()*20)*60 + 30;\n            food.y = Math.floor(Math.random()*15)*60 + 30;\n            var b = createSprite('body.png', 'body_left.png', 'body_right.png', 'tail.png');\n            b.x = head.x;\n            b.y = head.y;\n            bodies.push(b);\n            createSound('bling.ogg');\n        }\n        if (bodies.length \u003e 0) {\n            var b = bodies.pop();\n            b.x = head.x;\n            b.y = head.y;\n            bodies.unshift(b);\n            updateBodyCostume(b);\n            head.direction = direction;\n        }\n        head.direction = direction;\n        head.stepForward(60);\n    }\n    if (key.up \u0026\u0026 head.direction != 180) {\n        direction = 0;\n        isStart = true;\n    }\n    if (key.right \u0026\u0026 head.direction != 270) {\n        direction = 90;\n        isStart = true;\n    }\n    if (key.down \u0026\u0026 head.direction != 0) {\n        direction = 180;\n        isStart = true;\n    }\n    if (key.left \u0026\u0026 head.direction != 90) {\n        direction = 270;\n        isStart = true;\n    }\n    hint.hidden = isStart;\n\n    if (head.touched(bodies)) {\n        stop();\n        gameover.hidden = false;\n        print(bodies.length - 1, 550, 430, 'white', 80);\n    }\n\n    print(bodies.length - 1, 10, 10, 'white', 40);\n\n    level = Math.floor((bodies.length - 1)/5);\n    if (level \u003e 10) {\n        level = 10;\n    }\n    if (head.x \u003c 0) {\n        head.x += 1200;\n    }\n    if (head.x \u003e 1200) {\n        head.x -= 1200;\n    }\n    if (head.y \u003c 0) {\n        head.y += 900;\n    }\n    if (head.y \u003e 900) {\n        head.y -= 900;\n    }\n\n    if (clock % 20 == 0) {\n        if (hint.scale == 1) {\n            hint.scale = 0.8;\n            food.scale = 0.8;\n        } else {\n            hint.scale = 1;\n            food.scale = 1;\n        }\n    }\n}\n\n//更新蛇身體造型\nfunction updateBodyCostume (b) {\n    var diff = direction - head.direction;\n    if (diff == 0) { //蛇向前移動\n        b.costumeId = 0;\n    }\n    if (diff == -90 || diff == 270) { //蛇左轉移動\n        b.costumeId = 1;\n    }\n    if (diff == 90 || diff == -270) { //蛇右轉移動\n        b.costumeId = 2;\n    }\n    b.direction = direction;\n    bodies[bodies.length - 1].costumeId = 3; // 蛇身體最後的部分設為尾巴\n}\n","created_at":"2020-05-04T15:36:26.536+08:00","updated_at":"2020-09-07T14:25:00.565+08:00","name":"貪食蛇（完整版）","language":"javascript","screenshot":{"url":"https://cdn1.koding.school/uploads/project/screenshot/146132/6ca1d2b4fda83d09a265aacb96fb13ae.jpg"},"parent_id":144375,"plugin":"Game.set({ width: 1200, height: 900 })","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":255,"hashid":"wdks2k96","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":2527229,"file_name":"tail.png","project_id":146132,"asset_id":210006,"created_at":"2020-05-04T15:36:26.543+08:00","updated_at":"2020-05-04T15:36:26.543+08:00"},{"id":2527230,"file_name":"head.png","project_id":146132,"asset_id":210005,"created_at":"2020-05-04T15:36:26.544+08:00","updated_at":"2020-05-04T15:36:26.544+08:00"},{"id":2527231,"file_name":"orange.png","project_id":146132,"asset_id":210004,"created_at":"2020-05-04T15:36:26.545+08:00","updated_at":"2020-05-04T15:36:26.545+08:00"},{"id":2527232,"file_name":"apple.png","project_id":146132,"asset_id":210003,"created_at":"2020-05-04T15:36:26.546+08:00","updated_at":"2020-05-04T15:36:26.546+08:00"},{"id":2527233,"file_name":"body.png","project_id":146132,"asset_id":210002,"created_at":"2020-05-04T15:36:26.547+08:00","updated_at":"2020-05-04T15:36:26.547+08:00"},{"id":2527234,"file_name":"body_right.png","project_id":146132,"asset_id":210010,"created_at":"2020-05-04T15:36:26.548+08:00","updated_at":"2020-05-04T15:36:26.548+08:00"},{"id":2527235,"file_name":"body_left.png","project_id":146132,"asset_id":210000,"created_at":"2020-05-04T15:36:26.549+08:00","updated_at":"2020-05-04T15:36:26.549+08:00"},{"id":2527238,"file_name":"bling.ogg","project_id":146132,"asset_id":209215,"created_at":"2020-05-04T15:36:26.552+08:00","updated_at":"2020-05-04T15:36:26.552+08:00"},{"id":2527239,"file_name":"bgm.mp3","project_id":146132,"asset_id":209214,"created_at":"2020-05-04T15:36:26.553+08:00","updated_at":"2020-05-04T15:36:26.553+08:00"},{"id":2527251,"file_name":"bg.jpg","project_id":146132,"asset_id":210815,"created_at":"2020-05-04T17:30:42.166+08:00","updated_at":"2020-05-04T17:30:42.166+08:00"},{"id":2527252,"file_name":"gameover.png","project_id":146132,"asset_id":210816,"created_at":"2020-05-04T17:30:42.168+08:00","updated_at":"2020-05-04T17:30:42.168+08:00"},{"id":2527253,"file_name":"hint.png","project_id":146132,"asset_id":210817,"created_at":"2020-05-04T17:30:42.407+08:00","updated_at":"2020-05-04T17:30:42.407+08:00"}]