三角形碎形 (說明動畫) | JavaScript 程式專案

{"id":9038,"student_id":70,"content":"var height = 480,\n    width = 640;\n//1: Up, //2: Left, 3: Right\nstopRendering();\ndrawBackdrop(\"white\");\n\nvar triangles = [];\nvar depth = 8; \n\nvar firstTriangle = {\n    x1: width/2,\n    y1: 0,\n    x2: 0,\n    y2: height,\n    x3: width,\n    y3: height\n};\n\ntriangles = [ [firstTriangle] ];\n\nfor(var i = 0; i \u003c depth; i++){\n    triangles.push([]);\n    for(var j=0; j\u003ctriangles[i].length; j++){\n        triangles[i+1].push({\n            x1: triangles[i][j].x1,\n            y1: triangles[i][j].y1,\n            x2: (triangles[i][j].x1+triangles[i][j].x2)/2,\n            y2: (triangles[i][j].y1+triangles[i][j].y2)/2,\n            x3: (triangles[i][j].x1+triangles[i][j].x3)/2,\n            y3: (triangles[i][j].y1+triangles[i][j].y3)/2\n        });\n        triangles[i+1].push({\n            x1: (triangles[i][j].x1+triangles[i][j].x2)/2,\n            y1: (triangles[i][j].y1+triangles[i][j].y2)/2,\n            x2: triangles[i][j].x2,\n            y2: triangles[i][j].y2,\n            x3: (triangles[i][j].x2+triangles[i][j].x3)/2,\n            y3: (triangles[i][j].y2+triangles[i][j].y3)/2\n        });\n        triangles[i+1].push({\n            x1: (triangles[i][j].x1+triangles[i][j].x3)/2,\n            y1: (triangles[i][j].y1+triangles[i][j].y3)/2,\n            x2: (triangles[i][j].x2+triangles[i][j].x3)/2,\n            y2: (triangles[i][j].y2+triangles[i][j].y3)/2,\n            x3: triangles[i][j].x3,\n            y3: triangles[i][j].y3\n        });\n    }\n}\n\nvar drawingLayer = 0;\nvar interval = setInterval(function(){\n    var trianglesToDraw = triangles[drawingLayer];\n    drawBackdrop(\"white\");\n    for(var i=0; i\u003ctrianglesToDraw.length; i++){\n        pen.fillColor = \"black\";\n        pen.drawTriangle(   trianglesToDraw[i].x1, trianglesToDraw[i].y1,\n                            trianglesToDraw[i].x2, trianglesToDraw[i].y2,\n                            trianglesToDraw[i].x3, trianglesToDraw[i].y3    );\n    }\n    \n\n    drawingLayer++;\n    if(drawingLayer\u003e=depth){\n        clearInterval(interval);\n    }\n},2000);\n","created_at":"2017-03-01T20:52:04.729+08:00","updated_at":"2019-11-12T06:28:29.130+08:00","name":"三角形碎形 (說明動畫)","language":"javascript","screenshot":{"url":"https://cdn2.koding.school/uploads/project/screenshot/9038/ca66d5185aa01b7665bee28d19d44cf5.jpg"},"parent_id":9036,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":489,"hashid":"4y3sj6p","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}