2f:[] 2d:{"title":"Scratchpad How To Make Repeat Patterns Chapter 1 & 2","cells":[{"id":0,"value":"# Scratchpad How To Make Repeat Patterns Chapter 1 & 2\n\nNotebook I'm working on while reading the book [How To Make Repeat Patterns](https://www.amazon.nl/How-make-repeat-patterns-architects/dp/178627129X/)","pinned":false,"hidden":false,"mode":"md"},{"id":60,"value":"viewof letter = Inputs.select(\n [\"a\", \"f\", \"g\", \"h\", \"j\", \"k\", \"q\", \"t\", \"F\", \"J\", \"K\", \"L\", \"Q\", \"R\"],\n {\n label: \"Select letter\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"## Four Basic Types of Symmetry\n\n1. Rotation\n2. Translation\n3. Reflection\n4. Glide reflection","pinned":false,"hidden":false,"mode":"md"},{"id":14,"value":"array = Array.from({ length: 100 }, (_, i) => i)","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"## Translation","pinned":false,"hidden":false,"mode":"md"},{"id":88,"value":"viewof spacing = Inputs.range([0, 100], {\n label: \"Spacing\",\n step: 1,\n value: 20\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":215,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":221,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":384,"value":"function* range(n) {\n for (let i = 0; i < n; ++i) {\n yield i;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":388,"value":"async function* bounceRange(n) {\n const t = 1\n ;\n let i = 0;\n while (i < n) {\n i++;\n await Promises.delay(t);\n yield i;\n }\n while (i > 0) {\n i--;\n await Promises.delay(t);\n yield i;\n }\n return;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":386,"value":"bounceRange(360)","pinned":true,"hidden":false,"mode":"ojs"},{"id":404,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":235,"value":"viewof rotationStep = Inputs.range([0, 360], {\n label: \"Rotation Step\",\n step: 2,\n value: 10\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":231,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":259,"value":"jules = Array.from({ length: 10 }).fill([\"J\", \"u\", \"l\", \"e\", \"s\", \" \"]).flat()","pinned":false,"hidden":false,"mode":"ojs"},{"id":270,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":76,"value":"## Rotation","pinned":false,"hidden":false,"mode":"md"},{"id":157,"value":"viewof rotationSpacing = Inputs.range([0, 100], {\n label: \"Spacing\",\n step: 1,\n value: 20\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":183,"value":"viewof verticalOffset = Inputs.range([0, 100], {\n label: \"Vertical offset\",\n step: 1,\n value: 0\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"viewof rotation = Inputs.range([0, 360], {\n label: \"Rotation\",\n step: 5,\n value: 30\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"viewof rotateX = Inputs.range([0, 30], { label: \"X\", step: 1, value: 0 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":100,"value":"viewof rotateY = Inputs.range([0, 30], { label: \"Y\", step: 1, value: 0 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":146,"value":"### Multiple Elements","pinned":false,"hidden":false,"mode":"md"},{"id":143,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":150,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":192,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":166,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":178,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":123,"value":"## Reflection","pinned":false,"hidden":false,"mode":"md"},{"id":198,"value":"viewof reflectionSpacing = Inputs.range([0, 100], {\n label: \"Element Spacing\",\n step: 1,\n value: 40\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":208,"value":"viewof internalSpacing = Inputs.range([-100, 100], {\n label: \"Internal Spacing\",\n step: 1,\n value: 40\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":243,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":275,"value":"### Element Rotation","pinned":false,"hidden":false,"mode":"md"},{"id":289,"value":"viewof elementRotation = Inputs.range([0, 360], {\n label: \"Element Rotation\",\n step: 1,\n value: 5\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":128,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":277,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":308,"value":"## Glide Reflection","pinned":false,"hidden":false,"mode":"md"},{"id":319,"value":"viewof glideElementSpacing = Inputs.range([0, 100], {\n label: \"Element Spacing\",\n step: 1,\n value: 40\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":329,"value":"viewof glideSpacingX = Inputs.range([0, 100], {\n label: \"Glide Spacing X\",\n step: 1,\n value: 5\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":340,"value":"viewof glideSpacingY = Inputs.range([0, 100], {\n label: \"Glide Spacing Y\",\n step: 1,\n value: 5\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":333,"value":"viewof glideRotation = Inputs.range([0, 100], {\n label: \"Glide Rotation\",\n step: 1,\n value: 5\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":310,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":360,"value":"## Translation + Vertical Reflection","pinned":false,"hidden":false,"mode":"md"},{"id":356,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":408,"value":"## 2.5 Horizontal Reflection","pinned":false,"hidden":false,"mode":"md"},{"id":410,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":434,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":464,"value":"## 2.6 Vertical Reflection + Translation + Horizontal Reflection + 180-degree Rotation","pinned":false,"hidden":false,"mode":"md"},{"id":487,"value":"viewof elementSpacing26 = Inputs.range([0, 100], {\n label: \"Element Spacing\",\n step: 1,\n value: 40\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":492,"value":"viewof spacing26 = Inputs.range([0, 100], {\n label: \"Internal Spacing\",\n step: 1,\n value: 15\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":506,"value":"viewof elementRotation26 = Inputs.range([0, 360], {\n label: \"Element Rotation\",\n step: 1,\n value: 0\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":466,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":522,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":536,"value":"### 2.7 Translation + Vertical Reflection + 180-degree Rotation + Vertical Reflection","pinned":false,"hidden":false,"mode":"md"},{"id":540,"value":"","pinned":false,"hidden":false,"mode":"html"}],"files":"$W2f","stdlib":"1","titling":"auto"}