Maze Generator | JavaScript 程式專案

{"id":42859,"student_id":1976,"content":"// 挖洞機的 x, y 位置\nvar x = 0;\nvar y = 0;\n\n// 預設起始點被挖掘過\nmaze[0][0].color = 'lightblue';\n\nforever(function() {\n    pen.fillColor = 'red';\n    pen.drawRect(x*width + 1, y*width + 1, width - 2, width - 2);\n    var next = getNeighbors(x, y)\n    if (next.length \u003e 0) {\n        var rand = Math.floor(Math.random()*next.length);\n        if (next.length \u003e 0) {\n            if (next[rand] == 'top') {\n                maze[x][y].top = true;\n                y -= 1\n                maze[x][y].bottom = true;\n            } else if (next[rand] == 'bottom') {\n                maze[x][y].bottom = true;\n                y += 1\n                maze[x][y].top = true;\n            } else if (next[rand] == 'left') {\n                maze[x][y].left = true;\n                x -= 1\n                maze[x][y].right = true;\n            } else if (next[rand] == 'right') {\n                maze[x][y].right = true;\n                x += 1\n                maze[x][y].left = true;\n            }\n            maze[x][y].color = 'lightblue';\n        }\n    } else {\n        maze[x][y].color = 'yellow'\n        if (maze[x][y].top \u0026\u0026 maze[x][y - 1].color == 'lightblue') {\n            y -= 1;\n        } else if (maze[x][y].right \u0026\u0026 maze[x + 1][y].color == 'lightblue') {\n            x += 1;\n        } else if (maze[x][y].bottom \u0026\u0026 maze[x][y + 1].color == 'lightblue') {\n            y += 1;\n        } else if (maze[x][y].left \u0026\u0026 maze[x - 1][y].color == 'lightblue') {\n            x -= 1;\n        }\n\n    }\n\n});\n\n// 取得四個方向中可以挖掘的方向\nfunction getNeighbors (x, y) {\n    var arr = []\n    if (x \u003c 31 \u0026\u0026 maze[x+1][y].color == \"white\") {\n        arr.push('right')\n    } \n    if (x \u003e 0 \u0026\u0026 maze[x-1][y].color == \"white\") {\n        arr.push('left')\n    } \n    if (y \u003c 23 \u0026\u0026 maze[x][y+1].color == \"white\") {\n        arr.push('bottom')\n    } \n    if (y \u003e 0 \u0026\u0026 maze[x][y-1].color == \"white\") {\n        arr.push('top')\n    }\n    return arr\n}","created_at":"2018-09-19T02:09:07.410+08:00","updated_at":"2019-11-10T15:38:31.220+08:00","name":"Maze Generator","language":"javascript","screenshot":{"url":"https://cdn2.koding.school/uploads/project/screenshot/42859/73a83b8d7accf2d940203f5fc1fc4b81.jpg"},"parent_id":31658,"plugin":"var maze = [];\nvar width = 20;\nvar row = 640/width;\nvar col = 480/width;\n\nfor (var x = 0; x \u003c row; x++) {\n    maze[x] = [];\n    for (var y = 0; y \u003c col; y++) {\n        maze[x][y] = {\n            color: 'white',\n            top: false,\n            right: false,\n            bottom: false,\n            left: false\n        };\n    }\n}\n\nforever(function() {\n    for (var cx = 0; cx \u003c row; cx++) {\n        for (var cy = 0; cy \u003c col; cy++) {\n            \n            var cell = maze[cx][cy];\n            pen.size = 0.001;\n            pen.fillColor = cell.color;\n            pen.drawRect(cx*width, cy*width, width, width);\n            \n            pen.size = 1;\n            var x = cx*width;\n            var y = cy*width;\n            if (!cell.top) pen.drawLine(x, y, x + width, y);\n            if (!cell.right) pen.drawLine(x + width, y, x + width, y + width);\n            if (!cell.bottom) pen.drawLine(x, y + width, x + width, y + width);\n            if (!cell.left) pen.drawLine(x, y + width, x, y);\n        }\n    }\n});","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":913,"hashid":"5j3s8djk","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}