陣列 & 迴圈 | JavaScript 程式專案

{"id":23802,"student_id":34,"content":"setBackdrop(\"#222\");\n\nvar shape = 'rect'; // \"rect\" or \"circle\"\nvar index = false;\nvar animate = false;\n//1\n//var grid=[\"red\",\"orange\",\"yellow\"];\n//grid.push(\"green\");\n//grid.push(\"blue\");\n//grid.push(\"purple\");\n//grid.push(\"blue\");\n//sgrid[6] = \"white\";\n//2 \nvar grid=[];\nvar i =0;\nvar j =0;\nvar k =0;\nvar l =0;\nvar m =0;\nvar n =0;\nvar o =0;\nvar p =0;\nvar q =0;\nvar r =0;\nvar s =0;\nvar t =0;\nvar u =0;\n//while(i\u003c15){\n    //grid.push(\"red\");   \n   // i += 1;\n//}\n//3\n//for(var i=0; i\u003c15; i+=1){\n    //grid.push(\"red\");\n    //grid.push(\"blue\");\n// }\nvar row=[];\nvar row2=[];\nvar row3=[];\nvar row4=[];\nvar row5=[];\nvar row6=[];\nvar row7=[];\nvar row8=[];\nvar row9=[];\nvar row10=[];\nvar row11=[];\nvar row12=[];\nvar row13=[];\n//for(var i=0; i\u003c10; i+=1){\n    //row.push(\"orange\");\n    //row.push(\"yellow\");\n    //row2.push(\"yellow\");\n    //row2.push(\"orange\");\n//}\n//for(var i=0; i\u003c10; i+=1){\n    //grid.push(row);\n    //grid.push(row2);\n//}\n//1234\nfor(var i=0; i\u003c9; i+=1){\n    row.push(\"blue\");\n}\nfor(var i=0; i\u003c9; i+=1){\n    row.push(\"red\");\n}\nfor(var i=0; i\u003c2; i+=1){\n    grid.push(row);\n}\n//5\nfor(var j=0; j\u003c4; j+=1){\n    row2.push(\"blue\");\n}\nrow2.push(\"white\");\nfor(var j=0; j\u003c4; j+=1){\n    row2.push(\"blue\");\n}\nfor(var j=0; j\u003c9; j+=1){\n    row2.push(\"red\");\n}\nfor(var j=0; j\u003c1; j+=1){\n    grid.push(row2);\n}\n//6\nrow3.push(\"blue\");\nrow3.push(\"white\");\nfor(var k=0; k\u003c2; k+=1){\n    row3.push(\"blue\");\n}\nrow3.push(\"white\");\nfor(var k=0; k\u003c2; k+=1){\n    row3.push(\"blue\");\n}\nrow3.push(\"white\");\nrow3.push(\"blue\");\nfor(var k=0; k\u003c9; k+=1){\n    row3.push(\"red\");\n}\nfor(var k=0; k\u003c1; k+=1){\n    grid.push(row3);\n}\n//7\nfor(var l=0; l\u003c2; l+=1){\n    row4.push(\"blue\");\n}\nrow4.push(\"white\");\nrow4.push(\"blue\");\nrow4.push(\"white\");\nrow4.push(\"blue\");\nrow4.push(\"white\");\nfor(var l=0; l\u003c2; l+=1){\n    row4.push(\"blue\");\n}\nfor(var l=0; l\u003c9; l+=1){\n    row4.push(\"red\");\n}\nfor(var l=0; l\u003c1; l+=1){\n    grid.push(row4);\n}\n//8\nfor(var m=0; m\u003c3; m+=1){\n    row5.push(\"blue\");\n}\nfor(var m=0; m\u003c3; m+=1){\n    row5.push(\"white\");\n}\nfor(var m=0; m\u003c3; m+=1){\n    row5.push(\"blue\");\n}\nfor(var m=0; m\u003c9; m+=1){\n    row5.push(\"red\");\n}\nfor(var m=0; m\u003c1; m+=1){\n    grid.push(row5);\n}\n//9 10\nfor(var n=0; n\u003c2; n+=1){\n    row6.push(\"blue\");\n}\nfor(var n=0; n\u003c5; n+=1){\n    row6.push(\"white\");\n}\nfor(var n=0; n\u003c2; n+=1){\n    row6.push(\"blue\");\n}\nfor(var n=0; n\u003c9; n+=1){\n    row6.push(\"red\");\n}\nfor(var n=0; n\u003c2; n+=1){\n    grid.push(row6);\n}\n//11\nfor(var o=0; o\u003c3; o+=1){\n    row7.push(\"blue\");\n}\nfor(var o=0; o\u003c3; o+=1){\n    row7.push(\"white\");\n}\nfor(var o=0; o\u003c3; o+=1){\n    row7.push(\"blue\");\n}\nfor(var o=0; o\u003c9; o+=1){\n    row7.push(\"red\");\n}\nfor(var o=0; o\u003c1; o+=1){\n    grid.push(row7);\n}\n//12\nfor(var p=0; p\u003c3; p+=1){\n    row8.push(\"blue\");\n}\nfor(var p=0; p\u003c3; p+=1){\n    row8.push(\"white\");\n}\nfor(var p=0; p\u003c3; p+=1){\n    row8.push(\"blue\");\n}\nfor(var p=0; p\u003c9; p+=1){\n    row8.push(\"red\");\n}\nfor(var p=0; p\u003c0; p+=1){\n    grid.push(row8);\n}\n//12\nfor(var q=0; q\u003c2; q+=1){\n    row9.push(\"blue\");\n}\nrow9.push(\"white\");\nrow9.push(\"blue\");\nrow9.push(\"white\");\nrow9.push(\"blue\");\nrow9.push(\"white\");\nfor(var q=0; q\u003c2; q+=1){\n    row9.push(\"blue\");\n}\nfor(var q=0; q\u003c9; q+=1){\n    row9.push(\"red\");\n}\nfor(var q=0; q\u003c1; q+=1){\n    grid.push(row9);\n}\n//13\nrow10.push(\"blue\");\nrow10.push(\"white\");\nfor(var r=0; r\u003c2; r+=1){\n    row10.push(\"blue\");\n}\nrow10.push(\"white\");\nfor(var r=0; r\u003c2; r+=1){\n    row10.push(\"blue\");\n}\nrow10.push(\"white\");\nrow10.push(\"blue\");\nfor(var r=0; r\u003c9; r+=1){\n    row10.push(\"red\");\n}\nfor(var r=0; r\u003c1; r+=1){\n    grid.push(row10);\n}\n//14\nfor(var s=0; s\u003c4; s+=1){\n    row11.push(\"blue\");\n}\nrow11.push(\"white\");\nfor(var s=0; s\u003c4; s+=1){\n    row11.push(\"blue\");\n}\nfor(var s=0; s\u003c9; s+=1){\n    row11.push(\"red\");\n}\nfor(var s=0; s\u003c1; s+=1){\n    grid.push(row11);\n}\n//15\nfor(var t=0; t\u003c9; t+=1){\n    row12.push(\"blue\");\n}\nfor(var t=0; t\u003c9; t+=1){\n    row12.push(\"red\");\n}\nfor(var t=0; t\u003c2; t+=1){\n    grid.push(row12);\n}\n//16~\nfor(var u=0; u\u003c18; u+=1){\n    row13.push(\"red\");\n}\nfor(var u=0; u\u003c14; u+=1){\n    grid.push(row13);\n}","created_at":"2018-03-07T22:16:57.728+08:00","updated_at":"2019-10-18T11:23:43.567+08:00","name":"陣列 \u0026 迴圈","language":"javascript","screenshot":{"url":"https://cdn6.koding.school/uploads/project/screenshot/23802/08aa636f702bb170a68bb2a4c19a84bf.jpg"},"parent_id":10709,"plugin":"var grid = [];\nvar padding = 20;\npen.size = 0;\n\nforever(function(){\n\n    var w,h;\n\n    w = grid.length;\n    h = 1;\n    for(var i=0; i\u003cgrid.length; i++) {\n        if(grid[i].constructor === Array \u0026\u0026 grid[i].length \u003e h) {\n            h = grid[i].length;\n        }\n    }\n\n    var a = (640 - padding*2) / w;\n    var b = (480 - padding*2) / h;\n    var cellWidth = a \u003e b ? b : a;\n\n    var offsetX = (640 - cellWidth * w) / 2;\n    var offsetY = (480 - cellWidth * h) / 2;\n\n    var time = Date.now()/1000;\n\n    for(var i=0; i\u003cgrid.length; i++) {\n        if(grid[i].constructor === Array) {\n            for(var j=0; j\u003cgrid[i].length; j++) {\n                if(grid[i][j]===undefined) continue;\n                pen.fillColor = grid[i][j];\n                if(window.shape == 'rect' \u0026\u0026 !animate) {\n                    pen.drawRect(offsetX + i*cellWidth, offsetY + j*cellWidth, cellWidth - cellWidth/10, cellWidth - cellWidth/10);\n                }\n                if(window.shape == 'circle' \u0026\u0026 !animate) {\n                    pen.drawCircle(offsetX + i*cellWidth + cellWidth/2, offsetY + j*cellWidth + cellWidth/2, cellWidth/2 - cellWidth/10);\n                }\n                if(animate) {\n                    var waveX = Math.sin(time*3.5 - Math.PI*i/8);\n                    var waveY = Math.sin(time*3.5 - Math.PI*i/8 - Math.PI/2);\n                }\n                if(window.shape == 'rect' \u0026\u0026 animate) {\n                    pen.drawRect(offsetX + i*cellWidth + waveX*3, offsetY + j*cellWidth + waveY*6, cellWidth - cellWidth/10 - waveX*1.2, cellWidth - cellWidth/10 - waveX*1.2);\n                }\n                if(window.shape == 'circle' \u0026\u0026 animate) {\n                    pen.drawCircle(offsetX + i*cellWidth + cellWidth/2 + waveX*3, offsetY + j*cellWidth + cellWidth/2 + waveY*6, cellWidth/2 - cellWidth/10 - waveX*1.2);\n                }\n            }\n        } else {\n            if(grid[i]===undefined) continue;\n            pen.fillColor = grid[i];\n            if(window.shape == 'rect' \u0026\u0026 !animate) {\n                pen.drawRect(offsetX + i*cellWidth, offsetY, cellWidth - cellWidth/10, cellWidth - cellWidth/10);\n            }\n            if(window.shape == 'circle' \u0026\u0026 !animate) {\n                pen.drawCircle(offsetX + i*cellWidth + cellWidth/2, offsetY + cellWidth/2, cellWidth/2 - cellWidth/10);\n            }\n            if(animate) {\n                var waveX = Math.sin(time*3.5 - Math.PI*i/8);\n                var waveY = Math.sin(time*3.5 - Math.PI*0/8 - Math.PI/2);\n            }\n            if(window.shape == 'rect' \u0026\u0026 animate) {\n                pen.drawRect(offsetX + i*cellWidth + waveX*3, offsetY + waveY*6, cellWidth - cellWidth/10 - waveX*1.2, cellWidth - cellWidth/10 - waveX*1.2);\n            }\n            if(window.shape == 'circle' \u0026\u0026 animate) {\n                pen.drawCircle(offsetX + i*cellWidth + cellWidth/2 + waveX*3, offsetY + cellWidth/2 + waveY*6, cellWidth/2 - cellWidth/10 - waveX*1.2);\n            }\n        }\n    }\n\n    if(index) {\n        var size =  cellWidth/3 \u003e 30 ? 30 : cellWidth/3;\n        for(var i=0; i\u003cw; i++) {\n            print(i, offsetX + i*cellWidth, offsetY - size*1.5, \"white\", size);\n        }\n        if(h \u003e 1) {\n            for(var i=0; i\u003ch; i++) {\n                print(i, offsetX - size*1.5, offsetY + i*cellWidth, \"white\", size);\n            }\n        }\n    }\n});","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":178,"hashid":"gk4sp26q","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}