JS 太空人_學生 | JavaScript 程式專案

{"id":650927,"student_id":3760,"content":"// 初始化需要的背景圖片與遊戲背景音樂\nsetBackdrop('bg.jpg');        // 背景圖片\ncreateSound('bgm.mp3', true)  // 背景音樂\n\n// 初始化各個需要的角色\nlet wall = createSprite('wall.png');            // 牆壁\nlet bar = createSprite('bar.png');              // 燃料條\nlet dashboard = createSprite('dashboard.png');  // 資訊版\nlet levels = createSprite(\n    '0.png', '1.png', '2.png', '3.png',\n    '4.png', '5.png', '6.png', '7.png',\n    '8.png', '9.png');                          // 關卡地形\nlet player = createSprite('player.png');        // 玩家\nlet target = createSprite('target.png');        // 目標\nlet text = createSprite(\n    'arrow.png', 'youwin.png', 'gameover.png'); // 文字圖\n\n// 設定玩家圖層到最上層\nplayer.layer = 1;\n\n// 初始化遊戲相關的數值設定\nlet vx = 0;          // 水平的移動速度\nlet vy = 0;          // 垂直的移動速度\nlet isStart = false; // 是否開始\nlet fuel = 1000;     // 燃料值\n\n// 初始化目標於各關卡的位置，並使用陣列管理這些數值\nlet goalX = [1000, 1000, 200, 200, 1000, 1000, 1000, 600, 1100];\nlet goalY = [700, 200, 700, 200, 200, 700, 200, 450, 700];\n\n// 將燃料條的位置移動到 x:250, y:46\n/* 等同於\nbar.x = 250;\nbar.y = 46;\n*/\nbar.moveTo(250, 46);\n\n// 初始化文字圖造型\ntext.costumeId = 0;\ntext.hidden = false;\n\n\n// 創造火焰效果的函式\nfunction createFlame () {\n    // 建立火焰角色\n    let f = createSprite('flame.png');\n    // 將火焰角色移動到玩家處\n    f.moveTo(player);\n    // 更新火焰角色\n    f.direction = player.direction + 90 + Math.random()*30 - 15;\n    // 火焰角色移動 50 點\n    f.stepForward(50);\n\n    // 火焰角色需要不斷執行的事項\n    f.forever(function () {\n        // 火焰角色移動 5 點\n        f.stepForward(5);\n        // 減少火焰角色的透明度（越來越透明）\n        f.opacity -= 0.01;\n        // 減少火焰角色尺寸（越來越小）\n        f.scale -= 0.01;\n        // 如果火焰角色透明度小於 0，則將目前火焰角色摧毀\n        if (f.opacity \u003c 0) f.destroy();\n    });\n}\n\n// 執行遊戲各動作功能的主迴圈函式\nfunction loop () {\n    // 如果遊戲開始\n    if (isStart) {\n        // 【學習】增加垂直的移動速度\n        // 將 vy 增加 0.07\n        // 以 vx 與 vy 更新玩家角色位置\n        player.move(vx, vy);\n        // 更新玩家角色角度\n        player.direction = 90 + vx*2;\n        // 隱藏文字圖\n        text.hidden = true;\n    }\n\n    // 如果鍵盤上鍵被按下，而且燃料值還大於 0\n    if (key.up \u0026\u0026 fuel \u003e 0) {\n        // 【學習】減少垂直的移動速度\n        // 將 vy 減少 0.15\n    }\n    // 如果鍵盤右鍵被按下，而且燃料值還大於 0\n    if (key.right \u0026\u0026 fuel \u003e 0) {\n        // 【學習】增加水平的移動速度\n        // 將 vx 增加 0.1\n    }\n    // 如果鍵盤左鍵被按下，而且燃料值還大於 0\n    if (key.left \u0026\u0026 fuel \u003e 0) {\n        // 【學習】減少水平的移動速度\n        // 將 vx 減少 0.1\n    }\n    // 如果鍵盤右鍵、左鍵、上鍵其中之一被按下\n    if (key.right || key.left || key.up) {\n        // 設定 isStart 至 true，代表遊戲開始\n        isStart = true;\n        // 【學習】減少燃料值\n        // 將燃料值減少 1\n        // 更新燃料條位置\n        bar.x = (fuel/1000)*500 - 250;\n        // 如果燃料值為偶數，則執行 createFlame 函式\n        if (fuel % 2 === 0) createFlame();\n    }\n\n    // 根據關卡調整目標位置\n    target.x = goalX[levels.costumeId];\n    target.y = goalY[levels.costumeId];\n\n    // 如果關卡為切換至造型 9\n    if (levels.costumeId === 9) {\n        // 停止遊戲\n        stop();\n        // 設定文字圖造型至 youwin.png 的索引值\n        text.costumeId = 1;\n        // 顯示文字圖\n        text.hidden = false;\n    }\n    // 如果玩家碰觸到關卡中任一處\n    if (player.touched(levels)) {\n        // 停止遊戲\n        stop();\n        // 設定文字圖造型至 gameover.png 的索引值\n        text.costumeId = 2;\n        // 顯示文字圖\n        text.hidden = false;\n    }\n\n    // 增加目標角度，用來產生旋轉效果\n    target.direction += 1;\n    // 如果玩家碰觸到目標\n    if (player.touched(target)) {\n        // 將關卡造型切換至下一個\n        levels.costumeId++;\n        // 初始化燃料值\n        fuel = 1000;\n        // 播放效果音\n        createSound('effect.wav')\n    }\n}\n\n// 使用 forever() 重複不斷執行遊戲各動作的功能\nforever(loop);\n","created_at":"2023-11-29T00:03:24.335+08:00","updated_at":"2023-11-29T00:15:17.521+08:00","name":"JS 太空人_學生","language":"javascript","screenshot":{"url":null},"parent_id":616142,"plugin":"Game.set({width: 1200, height: 900})","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":20,"hashid":"kdms8vgz4","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":14607357,"file_name":"bgm.mp3","project_id":650927,"asset_id":686018,"created_at":"2023-11-29T00:03:24.342+08:00","updated_at":"2023-11-29T00:03:24.342+08:00"},{"id":14607358,"file_name":"coin.wav","project_id":650927,"asset_id":686019,"created_at":"2023-11-29T00:03:24.344+08:00","updated_at":"2023-11-29T00:03:24.344+08:00"},{"id":14607359,"file_name":"effect.wav","project_id":650927,"asset_id":686020,"created_at":"2023-11-29T00:03:24.345+08:00","updated_at":"2023-11-29T00:03:24.345+08:00"},{"id":14607360,"file_name":"youwin.png","project_id":650927,"asset_id":686021,"created_at":"2023-11-29T00:03:24.346+08:00","updated_at":"2023-11-29T00:03:24.346+08:00"},{"id":14607361,"file_name":"wall.png","project_id":650927,"asset_id":686022,"created_at":"2023-11-29T00:03:24.347+08:00","updated_at":"2023-11-29T00:03:24.347+08:00"},{"id":14607362,"file_name":"target.png","project_id":650927,"asset_id":686023,"created_at":"2023-11-29T00:03:24.348+08:00","updated_at":"2023-11-29T00:03:24.348+08:00"},{"id":14607363,"file_name":"player.png","project_id":650927,"asset_id":686024,"created_at":"2023-11-29T00:03:24.350+08:00","updated_at":"2023-11-29T00:03:24.350+08:00"},{"id":14607364,"file_name":"gameover.png","project_id":650927,"asset_id":686025,"created_at":"2023-11-29T00:03:24.351+08:00","updated_at":"2023-11-29T00:03:24.351+08:00"},{"id":14607365,"file_name":"flame.png","project_id":650927,"asset_id":686026,"created_at":"2023-11-29T00:03:24.352+08:00","updated_at":"2023-11-29T00:03:24.352+08:00"},{"id":14607366,"file_name":"dashboard.png","project_id":650927,"asset_id":686027,"created_at":"2023-11-29T00:03:24.353+08:00","updated_at":"2023-11-29T00:03:24.353+08:00"},{"id":14607367,"file_name":"bg.jpg","project_id":650927,"asset_id":686028,"created_at":"2023-11-29T00:03:24.354+08:00","updated_at":"2023-11-29T00:03:24.354+08:00"},{"id":14607368,"file_name":"bar.png","project_id":650927,"asset_id":686029,"created_at":"2023-11-29T00:03:24.355+08:00","updated_at":"2023-11-29T00:03:24.355+08:00"},{"id":14607369,"file_name":"arrow.png","project_id":650927,"asset_id":686030,"created_at":"2023-11-29T00:03:24.356+08:00","updated_at":"2023-11-29T00:03:24.356+08:00"},{"id":14607370,"file_name":"9.png","project_id":650927,"asset_id":686031,"created_at":"2023-11-29T00:03:24.358+08:00","updated_at":"2023-11-29T00:03:24.358+08:00"},{"id":14607371,"file_name":"8.png","project_id":650927,"asset_id":686032,"created_at":"2023-11-29T00:03:24.359+08:00","updated_at":"2023-11-29T00:03:24.359+08:00"},{"id":14607372,"file_name":"7.png","project_id":650927,"asset_id":686033,"created_at":"2023-11-29T00:03:24.360+08:00","updated_at":"2023-11-29T00:03:24.360+08:00"},{"id":14607373,"file_name":"6.png","project_id":650927,"asset_id":686034,"created_at":"2023-11-29T00:03:24.361+08:00","updated_at":"2023-11-29T00:03:24.361+08:00"},{"id":14607374,"file_name":"5.png","project_id":650927,"asset_id":686035,"created_at":"2023-11-29T00:03:24.362+08:00","updated_at":"2023-11-29T00:03:24.362+08:00"},{"id":14607375,"file_name":"4.png","project_id":650927,"asset_id":686036,"created_at":"2023-11-29T00:03:24.364+08:00","updated_at":"2023-11-29T00:03:24.364+08:00"},{"id":14607376,"file_name":"3.png","project_id":650927,"asset_id":686037,"created_at":"2023-11-29T00:03:24.365+08:00","updated_at":"2023-11-29T00:03:24.365+08:00"},{"id":14607377,"file_name":"2.png","project_id":650927,"asset_id":686038,"created_at":"2023-11-29T00:03:24.366+08:00","updated_at":"2023-11-29T00:03:24.366+08:00"},{"id":14607378,"file_name":"1.png","project_id":650927,"asset_id":686039,"created_at":"2023-11-29T00:03:24.367+08:00","updated_at":"2023-11-29T00:03:24.367+08:00"},{"id":14607379,"file_name":"0.png","project_id":650927,"asset_id":686040,"created_at":"2023-11-29T00:03:24.368+08:00","updated_at":"2023-11-29T00:03:24.368+08:00"},{"id":14607380,"file_name":"arrow.png","project_id":650927,"asset_id":230232,"created_at":"2023-11-29T00:03:24.369+08:00","updated_at":"2023-11-29T00:03:24.369+08:00"}]