{"_path":"/followcode","_draft":false,"_partial":false,"_empty":false,"title":"Followcode","description":"","excerpt":{"type":"root","children":[{"type":"element","tag":"code","props":{"code":"<script setup>\nimport p5 from \"p5\"\n\nconst sketch = (p5: p5) => {\n  let x = [],\n    y = [],\n    segNum = 20,\n    segLength = 18\n\n  for (let i = 0; i < segNum; i++) {\n    x[i] = 0\n    y[i] = 0\n  }\n\n  p5.setup = () => {\n    p5.createCanvas(710, 400)\n    p5.strokeWeight(9)\n    p5.stroke(255, 100)\n  }\n\n  p5.draw = () => {\n    p5.background(0)\n    dragSegment(0, p5.mouseX, p5.mouseY)\n    for (let i = 0; i < x.length - 1; i++) {\n      dragSegment(i + 1, x[i], y[i])\n    }\n  }\n\n  function dragSegment(i, xin, yin) {\n    const dx = xin - x[i]\n    const dy = yin - y[i]\n    const angle = p5.atan2(dy, dx)\n    x[i] = xin - p5.cos(angle) * segLength\n    y[i] = yin - p5.sin(angle) * segLength\n    segment(x[i], y[i], angle)\n  }\n\n  function segment(x, y, a) {\n    p5.push()\n    p5.translate(x, y)\n    p5.rotate(a)\n    p5.line(0, 0, segLength, 0)\n    p5.pop()\n  }\n}\n</script>\n\n<template>\n  <P5 :sketch=\"sketch\" />\n</template>\n","language":"vue"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"<script setup>\nimport p5 from \"p5\"\n\nconst sketch = (p5: p5) => {\n  let x = [],\n    y = [],\n    segNum = 20,\n    segLength = 18\n\n  for (let i = 0; i < segNum; i++) {\n    x[i] = 0\n    y[i] = 0\n  }\n\n  p5.setup = () => {\n    p5.createCanvas(710, 400)\n    p5.strokeWeight(9)\n    p5.stroke(255, 100)\n  }\n\n  p5.draw = () => {\n    p5.background(0)\n    dragSegment(0, p5.mouseX, p5.mouseY)\n    for (let i = 0; i < x.length - 1; i++) {\n      dragSegment(i + 1, x[i], y[i])\n    }\n  }\n\n  function dragSegment(i, xin, yin) {\n    const dx = xin - x[i]\n    const dy = yin - y[i]\n    const angle = p5.atan2(dy, dx)\n    x[i] = xin - p5.cos(angle) * segLength\n    y[i] = yin - p5.sin(angle) * segLength\n    segment(x[i], y[i], angle)\n  }\n\n  function segment(x, y, a) {\n    p5.push()\n    p5.translate(x, y)\n    p5.rotate(a)\n    p5.line(0, 0, segLength, 0)\n    p5.pop()\n  }\n}\n</script>\n\n<template>\n  <P5 :sketch=\"sketch\" />\n</template>\n"}]}]}]}]},"body":{"type":"root","children":[{"type":"element","tag":"code","props":{"code":"<script setup>\nimport p5 from \"p5\"\n\nconst sketch = (p5: p5) => {\n  let x = [],\n    y = [],\n    segNum = 20,\n    segLength = 18\n\n  for (let i = 0; i < segNum; i++) {\n    x[i] = 0\n    y[i] = 0\n  }\n\n  p5.setup = () => {\n    p5.createCanvas(710, 400)\n    p5.strokeWeight(9)\n    p5.stroke(255, 100)\n  }\n\n  p5.draw = () => {\n    p5.background(0)\n    dragSegment(0, p5.mouseX, p5.mouseY)\n    for (let i = 0; i < x.length - 1; i++) {\n      dragSegment(i + 1, x[i], y[i])\n    }\n  }\n\n  function dragSegment(i, xin, yin) {\n    const dx = xin - x[i]\n    const dy = yin - y[i]\n    const angle = p5.atan2(dy, dx)\n    x[i] = xin - p5.cos(angle) * segLength\n    y[i] = yin - p5.sin(angle) * segLength\n    segment(x[i], y[i], angle)\n  }\n\n  function segment(x, y, a) {\n    p5.push()\n    p5.translate(x, y)\n    p5.rotate(a)\n    p5.line(0, 0, segLength, 0)\n    p5.pop()\n  }\n}\n</script>\n\n<template>\n  <P5 :sketch=\"sketch\" />\n</template>\n","language":"vue"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"<script"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#8FBCBB"}},"children":[{"type":"text","value":"setup"}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#8FBCBB"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#A3BE8C"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"\""}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"sketch"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"let"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"x"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" []"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"y"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" []"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"segNum"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"20"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"segLength"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"18"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"for"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" ("}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"let"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"0"}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":";"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"segNum"}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":";"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"++"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":") "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"x"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"] "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"0"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"y"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"] "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"0"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"}"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"setup"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"()"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"createCanvas"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"710"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"400"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"strokeWeight"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"9"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"stroke"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"255"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"100"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"}"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"draw"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"()"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"background"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"0"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"dragSegment"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"0"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"mouseX"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"mouseY"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"for"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" ("}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"let"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"0"}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":";"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"x"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"length "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"1"}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":";"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"++"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":") "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"dragSegment"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"+"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"1"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"x"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"]"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"y"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"])"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"}"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"}"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"function"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"dragSegment"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"xin"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"yin"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"dx"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"xin"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"x"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"]"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"dy"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"yin"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"y"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"]"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"const"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"angle"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"atan2"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"dy"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"dx"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"x"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"] "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"xin"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"cos"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"angle"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":") "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"*"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"segLength"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"y"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"] "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"yin"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"-"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"sin"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"angle"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":") "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"*"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"segLength"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"segment"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"x"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"]"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"y"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"["}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"i"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"]"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"angle"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"}"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"function"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"segment"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"x"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"y"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"a"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":")"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"push"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"()"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"translate"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"x"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"y"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"rotate"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"a"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"line"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"("}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"0"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"0"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"segLength"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":","}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"style":{"color":"#B48EAD"}},"children":[{"type":"text","value":"0"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":")"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"p5"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"."}]},{"type":"element","tag":"span","props":{"style":{"color":"#88C0D0"}},"children":[{"type":"text","value":"pop"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"()"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"}"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"}"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"</script>"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"<template"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":">"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"  <"}]},{"type":"element","tag":"span","props":{"style":{"color":"#8FBCBB"}},"children":[{"type":"text","value":"P"}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":"5 "}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":":"}]},{"type":"element","tag":"span","props":{"style":{"color":"#8FBCBB"}},"children":[{"type":"text","value":"sketch"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9"}},"children":[{"type":"text","value":"sketch"}]},{"type":"element","tag":"span","props":{"style":{"color":"#ECEFF4"}},"children":[{"type":"text","value":"\""}]},{"type":"element","tag":"span","props":{"style":{"color":"#D8DEE9FF"}},"children":[{"type":"text","value":" />"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"style":{"color":"#81A1C1"}},"children":[{"type":"text","value":"</template>"}]}]}]}]}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:followcode.md","_source":"content","_file":"followcode.md","_extension":"md"}