迷宮2 | 程式專案 | 橘蘋學習平台

{"id":113078,"student_id":168,"content":"{\"html\":\"\u003c!DOCTYPE HTML\u003e\\r\\n\u003chtml\u003e\\r\\n\\r\\n\u003chead\u003e\\r\\n    \u003clink rel=\\\"stylesheet\\\" href=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\\\"\\r\\n        integrity=\\\"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm\\\" crossorigin=\\\"anonymous\\\"\u003e\\r\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.2.1.slim.min.js\\\"\\r\\n        integrity=\\\"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN\\\"\\r\\n        crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\r\\n    \u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\\\"\\r\\n        integrity=\\\"sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q\\\"\\r\\n        crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\r\\n    \u003cscript src=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js\\\"\\r\\n        integrity=\\\"sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl\\\"\\r\\n        crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\r\\n\u003c/head\u003e\\r\\n\\r\\n\u003cbody data-rsssl=1\u003e\\r\\n    \u003ccanvas id=\\\"myCanvas\\\" width=\\\"1200\\\" height=\\\"500\\\"\u003e\u003c/canvas\u003e\\r\\n    \u003cscript\u003e\\r\\n        var canvas = document.getElementById('myCanvas');\\r\\n        var cv = canvas.getContext('2d');\\r\\n\\r\\n        var size = 10;\\r\\n        var mapx = 1200/size;\\r\\n        var mapy = 500/size;\\r\\n\\r\\n        var nowx=0,nowy=0;\\r\\n        var arr = [];\\r\\n        for(var i=0;i\u003cmapx;i++){\\r\\n            arr[i] = [];\\r\\n            for(var j=0;j\u003cmapy;j++){\\r\\n                arr[i][j] = [];\\r\\n                arr[i][j][0] = \\\"#e0e0e0\\\";\\r\\n                drawrect(i,j,arr[i][j][0]);\\r\\n                for(var k=1;k\u003c5;k++){\\r\\n                    arr[i][j][k] = 1;\\r\\n                    drawline(i,j,k,\\\"#000000\\\");\\r\\n                }\\r\\n            }\\r\\n        }\\r\\n\\r\\n        function drawrect(x,y,color){\\r\\n            cv.beginPath();\\r\\n            cv.rect(x*size+1, y*size+1, size-2, size-2);\\r\\n            cv.fillStyle = color;\\r\\n            cv.fill();\\r\\n        }\\r\\n        function drawline(x,y,direction,color){\\r\\n            cv.beginPath();\\r\\n            cv.lineWidth = 2;\\r\\n            if(direction==1){cv.moveTo(x*size, y*size);\\r\\n                cv.lineTo((x+1)*size, y*size);}\\r\\n            if(direction==2){cv.moveTo((x+1)*size, y*size);\\r\\n                cv.lineTo((x+1)*size, (y+1)*size);}\\r\\n            if(direction==3){cv.moveTo((x+1)*size, (y+1)*size);\\r\\n                cv.lineTo(x*size, (y+1)*size);}\\r\\n            if(direction==4){cv.moveTo(x*size, (y+1)*size);\\r\\n                cv.lineTo(x*size, y*size);}\\r\\n            cv.strokeStyle = color;\\r\\n            cv.stroke();\\r\\n        }\\r\\n\\r\\n        setInterval(function() {\\r\\n            if(nowx!=0 || nowy!=0 || arr[mapx-1][mapy-1][0]!=\\\"#ffff00\\\"){\\r\\n                var WallBreak = [];\\r\\n                if (nowy \u003e 0 \u0026\u0026 arr[nowx][nowy-1][0] == \\\"#e0e0e0\\\") {WallBreak.push(1);}\\r\\n                if (nowx \u003c mapx-1 \u0026\u0026 arr[nowx+1][nowy][0] == \\\"#e0e0e0\\\") {WallBreak.push(2);}\\r\\n                if (nowy \u003c mapy-1 \u0026\u0026 arr[nowx][nowy+1][0] == \\\"#e0e0e0\\\") {WallBreak.push(3);}\\r\\n                if (nowx \u003e 0 \u0026\u0026 arr[nowx-1][nowy][0] == \\\"#e0e0e0\\\") {WallBreak.push(4);}\\r\\n                if(WallBreak.length\u003e0){\\r\\n                    arr[nowx][nowy][0] = \\\"#0000ff\\\";\\r\\n                    drawrect(nowx,nowy,arr[nowx][nowy][0]);\\r\\n                    var rand = Math.floor(Math.random()*WallBreak.length);\\r\\n                    arr[nowx][nowy][WallBreak[rand]]=0;\\r\\n                    drawline(nowx,nowy,WallBreak[rand],\\\"#409070\\\");\\r\\n                    if(WallBreak[rand]==1){nowy--;}\\r\\n                    if(WallBreak[rand]==2){nowx++;}\\r\\n                    if(WallBreak[rand]==3){nowy++;}\\r\\n                    if(WallBreak[rand]==4){nowx--;}\\r\\n                    arr[nowx][nowy][(WallBreak[rand]+1)%4+1]=0;\\r\\n                }else{\\r\\n                    arr[nowx][nowy][0] = \\\"#ffff00\\\";\\r\\n                    drawrect(nowx,nowy,arr[nowx][nowy][0]);\\r\\n                    if(nowy\u003e0 \u0026\u0026 arr[nowx][nowy][1]==0 \u0026\u0026 arr[nowx][nowy-1][0]==\\\"#0000ff\\\"){nowy--;}else\\r\\n                    if(nowx\u003cmapx-1 \u0026\u0026 arr[nowx][nowy][2]==0 \u0026\u0026 arr[nowx+1][nowy][0]==\\\"#0000ff\\\"){nowx++;}else\\r\\n                    if(nowy\u003cmapy-1 \u0026\u0026 arr[nowx][nowy][3]==0 \u0026\u0026 arr[nowx][nowy+1][0]==\\\"#0000ff\\\"){nowy++;}else\\r\\n                    if(nowx\u003e0 \u0026\u0026 arr[nowx][nowy][4]==0 \u0026\u0026 arr[nowx-1][nowy][0]==\\\"#0000ff\\\"){nowx--;}\\r\\n                }\\r\\n                drawrect(nowx,nowy,\\\"#ff0000\\\");\\r\\n            }else if(arr[mapx-1][mapy-1][0]!=\\\"#409070\\\"){\\r\\n                for(var i=0;i\u003cmapx;i++){\\r\\n                    for(var j=0;j\u003cmapy;j++){\\r\\n                        drawrect(i,j,\\\"#409070\\\");\\r\\n                        for(var k=1;k\u003c5;k++){\\r\\n                            if(arr[i][j][k]){drawline(i,j,k,\\\"#ff0000\\\");}\\r\\n                        }\\r\\n                    }\\r\\n                }\\r\\n            }\\r\\n        }, 1);\\r\\n    \u003c/script\u003e\\r\\n\u003c/body\u003e\\r\\n\\r\\n\u003c/html\u003e\",\"css\":\"/* 設定整個頁面內容水平置中、內寬為 30 像素：*/\\nbody {\\n    text-align: center;\\n    padding: 30px;\\n}\\n\\n/* 設定圖片的寬度為銀幕一半寬 */\\nimg {    \\n    max-width: 50%; \\n}\\n\\n/* 設定文字的顏色為淡黑色 */\\np {\\n    color: #555555;\\n}\",\"js\":\"// 創造一個函式指令 hello：\\nfunction hello () {\\n    // 讓網頁跳出文字訊息：\\n    alert('叩叮：\\\\n嗨你好～ 讓我們一起加油寫出漂漂亮亮的網頁唄！');\\n}\"}","created_at":"2019-12-08T17:47:20.732+08:00","updated_at":"2020-10-04T12:47:40.877+08:00","name":"迷宮2","language":"web","screenshot":{"url":"https://cdn8.koding.school/uploads/project/screenshot/113078/24eef7374a27e5dbaf7dfccf76896a02.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[12205],"is_featured":false,"views":70,"hashid":"ej9sg6kv","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}