小精靈遊戲（Day1完成版） | JavaScript 程式專案

{"id":300743,"student_id":10,"content":"// 強制設定模式 chase, scatter, frightened\n// forceMode = 'chase' // 設定強制模式\n// immortal = true // 無敵狀態\n\nredTarget.hidden = true;\nblueTarget.hidden = true;\npinkTarget.hidden = true;\norangeTarget.hidden = true;\n\n\nplayer.AI = function () {\n    if (key.up) player.nextDirection = 0;\n    if (key.right) player.nextDirection = 90;\n    if (key.down) player.nextDirection = 180;\n    if (key.left) player.nextDirection = 270;\n}\n\n/* ========== 預設 AI ========== */\nBlinky.AI = function () {\n    var arr = getDirections(Blinky.X, Blinky.Y, Blinky.direction);\n    var rand = Math.floor(Math.random()*arr.length);\n    Blinky.nextDirection = arr[rand];\n}\n\nPinky.AI = function () {\n    var arr = getDirections(Pinky.X, Pinky.Y, Pinky.direction);\n    var rand = Math.floor(Math.random()*arr.length);\n    Pinky.nextDirection = arr[rand];\n}\n\nInky.AI = function () {\n    var arr = getDirections(Inky.X, Inky.Y, Inky.direction);\n    var rand = Math.floor(Math.random()*arr.length);\n    Inky.nextDirection = arr[rand];\n}\n\nClyde.AI = function () {\n    var arr = getDirections(Clyde.X, Clyde.Y, Clyde.direction);\n    var rand = Math.floor(Math.random()*arr.length);\n    Clyde.nextDirection = arr[rand];\n}\n\n/* ========== 追逐模式下的 AI ========== */\nBlinky.chaseAI = function () {\n    \n}\n\nPinky.chaseAI = function () {\n    \n}\n\nInky.chaseAI = function () {\n    \n}\n\nClyde.chaseAI = function () {\n    \n}\n\n/* ========== 巡邏模式下的 AI ========== */\nBlinky.scatterAI = function () {\n    \n}\n\nPinky.scatterAI = function () {\n    \n}\n\nInky.scatterAI = function () {\n    \n}\n\nClyde.scatterAI = function () {\n    \n}\n\n/* ========== 返回鬼屋模式的 AI ========== */\nBlinky.backToHouseAI = function () {\n    \n}\n\nPinky.backToHouseAI = function () {\n    \n}\n\nInky.backToHouseAI = function () {\n    \n}\n\nClyde.backToHouseAI = function () {\n    \n}\n\nfunction closest(arr, target) {\n    arr.sort(function (a, b) {\n        var a = Math.abs(target - a);\n        var b = Math.abs(target - b);\n        if (a \u003e 180) a = 360 - a;\n        if (b \u003e 180) b = 360 - b;\n        return a - b;\n    });\n    return arr[0];\n}\n\nfunction getDirections(x, y, direction) {\n    var arr = [];\n    if (map[y - 1][x] == ' ' \u0026\u0026 direction != 180) arr.push(0);\n    if (map[y][x + 1] == ' ' \u0026\u0026 direction != 270) arr.push(90);\n    if (map[y + 1][x] == ' ' \u0026\u0026 direction != 0) arr.push(180);\n    if (map[y][x - 1] == ' ' \u0026\u0026 direction != 90) arr.push(270);\n    return arr;\n}","created_at":"2021-09-27T17:31:29.670+08:00","updated_at":"2021-09-27T18:43:00.490+08:00","name":"小精靈遊戲（Day1完成版）","language":"javascript","screenshot":{"url":"https://cdn0.koding.school/uploads/project/screenshot/300743/6e45223092f9e2a66dc8c1c354963778.jpg"},"parent_id":2,"plugin":"setBackdrop('black');\n\nvar MODE; // chase, scatter, frightened\nvar tmpMODE;\nvar width = 15;\nvar offsetX = 110 + 7;\nvar offsetY = 15;\nvar food = [];\nvar level = 1;\nvar score = 0;\nvar timer = 0;\nvar life = 3;\nvar bestScore = 0;\nvar bonus = 100; // 吃掉鬼魂的獎勵\nvar startTime = Date.now();\nvar map = [\n    '┏━━━━━━━━━━━━┓┏━━━━━━━━━━━━┓',\n    '┃............┃┃............┃',\n    '┃.┏━━┓.┏━━━┓.┃┃.┏━━━┓.┏━━┓.┃',\n    '┃.┃  ┃.┃   ┃.┃┃.┃   ┃.┃  ┃.┃',\n    '┃*┗━━┛.┗━━━┛.┗┛.┗━━━┛.┗━━┛*┃',\n    '┃..........................┃',\n    '┃.┏━━┓.┏┓.┏━━━━━━┓.┏┓.┏━━┓.┃',\n    '┃.┗━━┛.┃┃.┗━━┓┏━━┛.┃┃.┗━━┛.┃',\n    '┃......┃┃....┃┃....┃┃......┃',\n    '┗━━━━┓.┃┗━━┓.┃┃.┏━━┛┃.┏━━━━┛',\n    '     ┃.┃┏━━┛.┗┛.┗━━┓┃.┃     ',\n    '     ┃.┃┃          ┃┃.┃     ',\n    '     ┃.┃┃ ┏━┓  ┏━┓ ┃┃.┃     ',\n    '━━━━━┛.┗┛ ┃┏┛  ┗┓┃ ┗┛.┗━━━━━',\n    '          ┃┃    ┃┃          ',\n    '━━━━━┓.┏┓ ┃┗━━━━┛┃ ┏┓.┏━━━━━',\n    '     ┃.┃┃ ┗━━━━━━┛ ┃┃.┃     ',\n    '     ┃.┃┃          ┃┃.┃     ',\n    '     ┃.┃┃ ┏━━━━━━┓ ┃┃.┃     ',\n    '┏━━━━┛.┗┛ ┗━━┓┏━━┛ ┗┛.┗━━━━┓',\n    '┃............┃┃............┃',\n    '┃.┏━━┓.┏━━━┓.┃┃.┏━━━┓.┏━━┓.┃',\n    '┃.┗━┓┃.┗━━━┛.┃┃.┗━━━┛.┃┏━┛.┃',\n    '┃*..┃┃.......┃┃.......┃┃..*┃',\n    '┗━┓.┃┃.┏┓.┏━━┛┗━━┓.┏┓.┃┃.┏━┛',\n    '┏━┛.┗┛.┃┃.┗━━┓┏━━┛.┃┃.┗┛.┗━┓',\n    '┃......┃┃....┃┃....┃┃......┃',\n    '┃.┏━━━━┛┗━━┓.┃┃.┏━━┛┗━━━━┓.┃',\n    '┃.┗━━━━━━━━┛.┗┛.┗━━━━━━━━┛.┃',\n    '┃..........................┃',\n    '┗━━━━━━━━━━━━━━━━━━━━━━━━━━┛',\n]\n\nforever(function() {\n    print('best: ' + bestScore, 10, 20, 'gold');\n    print('score: ' + score, 10, 40, '#fff');\n    print('level: ' + level, 10, 60, '#fff');\n    print('mode: ' + MODE, 10, 80, '#fff');\n});\n\n// 地圖\nvar grid = (function (M) {\n    var grid = {};\n    for (var x = 0; x \u003c 28; x++) {\n        grid[x] = {};\n        for (var y = 0; y \u003c 31; y++) {\n            var b = createSprite(['block_1.png', 'block_2.png', 'food.png', 'empty.png']);\n            b.x = x*width + offsetX;\n            b.y = y*width + offsetY;\n            b.role = M[y][x];\n            var t = M[y][x];\n            b.scale = 1/7;\n            b.isWall = ['┃', '━', '┛', '┗', '┏', '┓'].indexOf(t) !== -1\n            if (['┃', '━', '┛', '┗', '┏', '┓'].indexOf(t) != -1) b.role = 'x';\n            if (t == '━' || t == '┃') b.costumeId = 1;\n            if (t == '.' || t == '*') b.costumeId = 2;\n            if (t == ' ') b.costumeId = 3;\n            if (t == '.') b.scale *= 0.25;\n            if (t == '*') b.scale *= 0.5;\n            if (t == '━') b.direction = 0;\n            if (t == '┓') b.direction = 0;\n            if (t == '┗') b.direction = 180;\n            if (t == '┏') b.direction = 270;\n            if (t == '.' || t == '*') food.push(b);\n            grid[x][y] = b;\n        }\n    }\n\n    for (var x = 0; x \u003c 28; x++) {\n        for (var y = 0; y \u003c 31; y++) {\n            var b = grid[x][y];\n            b.count = 0;\n            b.X = x;\n            b.Y = y;\n            if (x \u003e 0 \u0026\u0026 grid[x-1][y] \u0026\u0026 !grid[x-1][y].isWall) {\n                b.left = grid[x-1][y];\n                b.count++;\n            }\n            if (x \u003c 27 \u0026\u0026 grid[x+1][y] \u0026\u0026 !grid[x+1][y].isWall) {\n                b.right = grid[x+1][y];\n                b.count++;\n            }\n            if (y \u003c 30 \u0026\u0026 grid[x][y+1] \u0026\u0026 !grid[x][y+1].isWall) {\n                b.bottom = grid[x][y+1];\n                b.count++;\n            }\n            if (y \u003e 0 \u0026\u0026 grid[x][y-1] \u0026\u0026 !grid[x][y-1].isWall) {\n                b.top = grid[x][y-1];\n                b.count++;\n            }\n        }\n    }\n\n    forever(function() {\n        pen.color = 'orange';\n        pen.size = 4;\n        pen.drawLine(299, 202, 341, 202);\n    });\n    return grid;\n})(map);\n\n\nfunction Player (costumes) {\n    \n    var s = createSprite(costumes);\n    \n    s.rotationStyle = 'fixed';\n    s.speed = 1;\n    s.X = 0;\n    s.Y = 0;\n    s.release = false;\n    s.target = grid[0][0]; // 要移動到的目標格子\n    \n    s.mode = 'chase'; // chase, scatter, frightened, dead, leave\n    \n    s.forever(function() {\n        s.updatePosition(); // 移動角色\n        s.updateCostume(); // 更新造型\n    });\n\n    // 更新角色座標，朝著 target 的格子前進\n    s.updatePosition = function () {\n\n        if (s.release === false || MODE === 'pause') return;\n        \n        if (this.distanceTo(this.target) \u003e this.speed) {\n            this.toward(this.target);\n            this.stepForward(this.speed);\n        } else {\n            this.moveTo(this.target);\n            this.X = this.target.X;\n            this.Y = this.target.Y;\n            this.decision();\n            this.updateTarget();\n        }\n    }\n\n    // 執行 AI 相關指令決策出下一個要移動的方向 nextDirection\n    s.decision = function () {\n\n        if (s.AI) s.AI();\n\n        if (s.target.count \u003e= 3) {\n            if (this.mode === 'chase' \u0026\u0026 s.chaseAI) s.chaseAI();\n            if (this.mode === 'scatter' \u0026\u0026 s.scatterAI) s.scatterAI();\n            if (this.mode === 'frightened' \u0026\u0026 s.frightenedAI) s.frightenedAI();\n            if (this.mode === 'dead' \u0026\u0026 s.backToHouseAI) s.backToHouseAI();\n        }\n        \n        if (this.mode === 'leave') this.leaveAI();\n    }\n    \n    // 如果有 nextDirection 且是可以行走的格子\n    // 更新下一個移動的目標 target\n    s.updateTarget = function () {\n        if (this.nextDirection == 0 \u0026\u0026 this.target.top) this.target = this.target.top;\n        if (this.nextDirection == 90 \u0026\u0026 this.target.right) this.target = this.target.right;\n        if (this.nextDirection == 180 \u0026\u0026 this.target.bottom) this.target = this.target.bottom;\n        if (this.nextDirection == 270 \u0026\u0026 this.target.left) this.target = this.target.left;\n        this.nextDirection = undefined;\n    }\n    \n    // 角色造型切換\u0026移動時的動畫\n    s.updateCostume = function () {\n        this.costumeId = Math.floor(this.direction/90);\n        \n        if (this.mode == 'dead') this.costumeId += 8;\n        if (this.mode == 'frightened') this.costumeId = 12;\n        \n        if (this.distanceTo(this.target) == 0) return;\n\n        var bool = Math.floor(timer/150)%2 == 0;\n        if (bool \u0026\u0026 (this.mode === 'chase' || MODE === 'scatter')) {\n            this.costumeId += 4;\n        }\n        if (bool \u0026\u0026 this.mode === 'frightened') {\n            this.costumeId += 1;\n        }\n    }\n    \n    // 離開鬼屋\n    s.leaveAI = function () {\n        if (s.target.top) s.nextDirection = 0;\n        else if (s.target.right) s.nextDirection = 90;\n        else if (s.target.left) s.nextDirection = 270;\n        else s.nextDirection = 180;\n    }\n\n    // 角色轉向\n    s.reverse = function () {\n        if (this.direction == 0 \u0026\u0026 this.target.bottom) this.target = this.target.bottom;\n        if (this.direction == 90 \u0026\u0026 this.target.left) this.target = this.target.left;\n        if (this.direction == 180 \u0026\u0026 this.target.top) this.target = this.target.top;\n        if (this.direction == 270 \u0026\u0026 this.target.right) this.target = this.target.right;\n    }\n    \n    s.reset = function (x, y, direction) {\n        s.X = x;\n        s.Y = y;\n        s.direction = direction;\n        s.nextDirection = direction;\n        s.target = grid[x][y];\n        s.moveTo(grid[x][y]);\n    }\n\n    return s;\n}\n\n// 初始化四隻鬼魂、玩家角色\nvar Clyde = Player(['o1.png', 'o2.png', 'o3.png', 'o4.png', 'o5.png', 'o6.png', 'o7.png', 'o8.png', 'o9.png', 'o10.png', 'o11.png', 'o12.png', 'f13.png', 'f14.png']);\nvar Inky = Player(['b1.png', 'b2.png', 'b3.png', 'b4.png', 'b5.png', 'b6.png', 'b7.png', 'b8.png', 'b9.png', 'b10.png', 'b11.png', 'b12.png', 'f13.png', 'f14.png']);\nvar Pinky = Player(['p1.png', 'p2.png', 'p3.png', 'p4.png', 'p5.png', 'p6.png', 'p7.png', 'p8.png', 'p9.png', 'p10.png', 'p11.png', 'p12.png', 'f13.png', 'f14.png']);\nvar Blinky = Player(['r1.png', 'r2.png', 'r3.png', 'r4.png', 'r5.png', 'r6.png', 'r7.png', 'r8.png', 'r9.png', 'r10.png', 'r11.png', 'r12.png', 'f13.png', 'f14.png']);\nvar player = Player(['player_1.png', 'player.png', 'player_3.png', 'player_4.png', 'player_5.png', 'player_6.png', 'player_7.png', 'player_8.png', 'player_8.png', 'player_8.png', 'player_8.png', 'player_8.png', 'player_8.png', 'player_8.png']);\nvar ghosts = [Blinky, Inky, Pinky, Clyde];\n\nfunction restart () {\n    MODE = 'pause';\n    setTimeout(() =\u003e MODE='scatter', 2000);\n    startTime = Date.now();\n    Blinky.reset(12, 14, 90);\n    Pinky.reset(13, 14, 90);\n    Inky.reset(14, 14, 90);\n    Clyde.reset(15, 14, 90);\n    player.reset(13, 17, 90);\n}\nrestart();\n\nplayer.scale = 2;\nplayer.release = true;\nghosts.forEach((g) =\u003e g.scale = 0.23);\n\n// 神奇的傳送門\nghosts.concat(player).forEach((s) =\u003e {\n    s.forever(function () {\n        if (s.X == 1 \u0026\u0026 s.Y == 14 \u0026\u0026 s.distanceTo(grid[1][14]) == 0) {\n            s.target = grid[25][14];\n            s.moveTo(grid[26][14]);\n        }\n        if (s.X == 26 \u0026\u0026 s.Y == 14 \u0026\u0026 s.distanceTo(grid[26][14]) == 0) {\n            s.target = grid[2][14];\n            s.moveTo(grid[1][14]);\n        }\n    });\n});\n\n// 更新鬼魂的模式\nforever(function () {\n    ghosts.forEach(function (g) {\n        if (g.release === false) return g.mode = '';\n        \n        if (g.distanceTo(player) \u003c width) {\n            if (g.mode === 'frightened') {\n                score += bonus;\n                bonus *= 2;\n                g.mode = 'dead';\n                createText('+'+bonus, g.x, g.y);\n            }\n            \n            if (MODE !== 'frightened') {\n                if (!window.immortal) {\n                    restart();\n                    life -= 1;\n                    if (life \u003c 0) {\n                        if (score \u003e bestScore) bestScore = score;\n                        life = 3;\n                        level = 1;\n                    }    \n                }\n            }\n        }\n        \n        if (g.mode !== 'dead') g.mode = MODE;\n        \n        if (g.x \u003e 270 \u0026\u0026 g.x \u003c 370 \u0026\u0026 g.y \u003e 190 \u0026\u0026 g.y \u003c 240) {\n            g.mode = 'leave';\n        }\n    })\n});\n\nforever(function() {\n    \n    // 如果切換模式則鬼魂進行轉向\n    if (tmpMODE !== MODE) {\n        bonus = 100; // 疊加獎勵恢復成 100\n        ghosts.forEach(function (g) {g.reverse()});\n    }\n    tmpMODE = MODE;\n    \n    if (MODE == 'pause') return;\n    \n    // 遊戲經過時間\n    timer = Date.now() - startTime;\n\n    if (MODE == 'frightened') return;\n    \n    // level 1\n    if (level == 1) {\n        if (timer \u003c 7000) MODE = 'scatter';\n        else if (timer \u003c 27000) MODE = 'chase';\n        else if (timer \u003c 34000) MODE = 'scatter';\n        else if (timer \u003c 54000) MODE = 'chase';\n        else if (timer \u003c 59000) MODE = 'scatter';\n        else if (timer \u003c 79000) MODE = 'chase';\n        else if (timer \u003c 84000) MODE = 'scatter';\n        else MODE = 'chase';\n    // level 2 ~ 4\n    } else if (level \u003c 5) {\n        if (timer \u003c 7000) MODE = 'scatter';\n        else if (timer \u003c 27000) MODE = 'chase';\n        else if (timer \u003c 34000) MODE = 'scatter';\n        else if (timer \u003c 54000) MODE = 'chase';\n        else if (timer \u003c 59000) MODE = 'scatter';\n        else if (timer \u003c 79000) MODE = 'chase';\n        else if (timer \u003c 84000) MODE = 'scatter';\n        else MODE = 'chase';\n    // level 5 以上\n    } else {\n        if (timer \u003c 7000) MODE = 'scatter';\n        else if (timer \u003c 27000) MODE = 'chase';\n        else if (timer \u003c 34000) MODE = 'scatter';\n        else if (timer \u003c 54000) MODE = 'chase';\n        else if (timer \u003c 59000) MODE = 'scatter';\n        else if (timer \u003c 79000) MODE = 'chase';\n        else if (timer \u003c 84000) MODE = 'scatter';\n        else MODE = 'chase';\n    }\n\n    Blinky.release = timer \u003e 0;\n    Pinky.release = timer \u003e 5000;\n    Inky.release = timer \u003e 8000;\n    Clyde.release = timer \u003e 11000;\n    \n    if (window.forceMode) {\n        if (['scatter', 'chase', 'frightened'].includes(forceMode)) {\n            MODE = forceMode\n        }\n    }\n});\n\nforever(function() {\n    var limit = 2;\n    var playerSpeed;\n    var ghostsSpeed;\n    // level 1\n    if (level == 1) {\n        if (MODE == 'frightened') {\n            playerSpeed = limit*0.9;\n            ghostsSpeed = limit*0.5;\n        } else {\n            playerSpeed = limit*0.8;\n            ghostsSpeed = limit*0.75;\n        }\n    }\n    // level 2 ~ 4\n    else if (level \u003c 5) {\n        if (MODE == 'frightened') {\n            playerSpeed = limit*0.95;\n            ghostsSpeed = limit*0.55;\n        } else {\n            playerSpeed = limit*0.9;\n            ghostsSpeed = limit*0.85;\n        }\n    }\n    // level \u003e= 5\n    else {\n        if (MODE == 'frightened') {\n            playerSpeed = limit*1.0;\n            ghostsSpeed = limit*0.6;\n        } else {\n            playerSpeed = limit*1.0;\n            ghostsSpeed = limit*0.95;\n        }\n    }\n    ghosts.forEach((g) =\u003e {\n        if (g.mode == 'dead') g.speed = 10;\n        else g.speed = ghostsSpeed;\n    });\n    player.speed = playerSpeed;\n});\n\nforever(function() {\n    var success = true;\n    food.forEach((f) =\u003e {\n        success = f.hidden \u0026\u0026 success;\n        if (!f.hidden \u0026\u0026 f.distanceTo(player) \u003c 5) {\n            f.hidden = true;\n            score += 10;\n            if (f.role == '*') {\n                MODE = 'frightened';\n                setTimeout(function() {\n                    MODE = '';\n                }, 8000);\n            }\n        }\n    });\n    if (success) nextLevel();\n});\n\nvar texts = [];\nfunction createText (text, x, y) {\n    texts.push([text, x, y]);\n    setTimeout(function () {\n        texts.shift();\n    }, 2000);\n    forever(function(){\n        texts.forEach(function (t) {\n            print(t[0], t[1] - width, t[2] - width/2, 'lightblue', 14);\n        });\n    });\n}\n\nfunction nextLevel() {\n    for (var x = 0; x \u003c 28; x++) {\n        for (var y = 0; y \u003c 31; y++) {\n            grid[x][y].hidden = false;\n        }\n    }\n    restart();\n    level++;\n}\n\n// 標記\nvar redTarget = createSprite('red_target.png');\nvar pinkTarget = createSprite('pink.png');\nvar blueTarget = createSprite('blue_target.png');\nvar orangeTarget = createSprite('orange_target.png');\n[redTarget, pinkTarget, blueTarget, orangeTarget].forEach((t) =\u003e {\n    t.scale = 1.2/7;\n    t.rotationStyle = 'fixed';\n    t.hidden = true;\n});\n\nfor (var x=0; x\u003c31; x++) {\n    for (var y=0; y\u003c28; y++) {\n        if (map[x][y] == '.' || map[x][y] == '*') {\n            map[x] = map[x].substr(0, y) + ' ' + map[x].substr(y + 1)\n        }\n    }   \n}\n\n// 顯示剩餘生命\nvar lifes = [\n    createSprite('player.png'),\n    createSprite('player.png'),\n    createSprite('player.png'),\n];\nfor (var i=0; i\u003c3; i++) {\n    lifes[i].moveTo(80, 350 + 40*i);\n    lifes[i].scale = 2;\n}\nforever(function(){\n    if (life \u003c= 0) lifes[2].hidden = true;\n    if (life \u003c= 1) lifes[1].hidden = true;\n    if (life \u003c= 2) lifes[0].hidden = true;\n});\n\n","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":187,"hashid":"2pds94wdr","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}