2a:null 2b:["$","title",null,{"children":"Simple Tree Branch | x | Observable"}] 30:[] 2e:{"id":"729421df946b903c","slug":"simple-tree-branch","title":"Simple Tree Branch","thumbnail":null,"access_level":"public","create_time":"$D2021-09-10T14:45:40.368Z","update_time":"$D2021-09-10T18:44:39.758Z","view_time":null,"first_public_time":"$D2021-09-10T18:41:55.091Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"0769ff99b3875329","login":"ndry","name":"x","avatar_url":"https://avatars-next.observableusercontent.com/c755f3e157b7a2713dd9b99ae6d708461888bf021a63291ec0082c0be57acf53","tier":"starter_2024"},"version":460,"publish_version":460,"role":null,"authored":false,"authors":[{"type":"individual","id":"45218b3eb975ae76","login":"gb1","name":"","avatar_url":"https://avatars-next.observableusercontent.com/c755f3e157b7a2713dd9b99ae6d708461888bf021a63291ec0082c0be57acf53","tier":null}],"members":[{"type":"individual","id":"45218b3eb975ae76","login":"gb1","name":"","avatar_url":"https://avatars-next.observableusercontent.com/c755f3e157b7a2713dd9b99ae6d708461888bf021a63291ec0082c0be57acf53","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Simple Tree Branch","cells":[{"id":0,"value":"md`# Simple Tree Branch`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"md`## made of Single Cubic Bezier Curve Segment`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"viewof directionAngle = Inputs.range([-270, 270], {\n step: 1,\n value: 20,\n label: \"directionAngle\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"viewof length = Inputs.range([0, 2], {\n step: 0.01,\n value: 1.3,\n label: \"length\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"viewof rigidity = Inputs.range([0, 1], {\n step: 0.01,\n value: 0.3,\n label: \"rigidity\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"viewof gravity = Inputs.range([-2, 2], {\n step: 0.01,\n value: 0.2,\n label: \"gravity\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"viewof gravitropism = Inputs.range([-2, 2], {\n step: 0.01,\n value: 0.22,\n label: \"gravitropism\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"{\n const w = 2;\n const h = 2;\n\n const render = view => {\n const b = ``;\n const b1 = ``;\n const end = branch.map(view)[3];\n const pts = branch\n .map(view)\n .map(\n ([x, y]) =>\n ``\n );\n return [b, b1, ...pts];\n };\n return html`renderer

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"function buildBranch(startPoint, direction, rigidity, gravity, gravitropism) {\n function addKeepingNorm(out, a, b) {\n const la = vec3.len(a);\n vec3.add(out, a, b);\n return vec3.scale(out, out, la / vec3.len(out));\n }\n\n const p1 = vec3.scaleAndAdd(vec3.create(), startPoint, direction, rigidity);\n\n const dp2 = vec3.scale(vec3.create(), direction, 1 - rigidity);\n addKeepingNorm(dp2, dp2, gravity);\n const p2g = vec3.add(vec3.create(), p1, dp2);\n const p2 = vec3.scaleAndAdd(vec3.create(), p2g, dp2, -rigidity);\n\n const dp3 = vec3.sub(vec3.create(), p2g, p2);\n addKeepingNorm(dp3, dp3, gravitropism);\n const p3 = vec3.add(vec3.create(), p2, dp3);\n\n return [startPoint, p1, p2, p3];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"branch = {\n const startPoint = vec3.clone([0, 1, 0]);\n const d = vec3.transformQuat(\n vec3.create(),\n [length, 0, 0],\n quat.fromEuler(quat.create(), 0, 0, directionAngle)\n );\n return buildBranch(\n startPoint,\n d,\n rigidity,\n [0, -gravity * length * length, 0],\n [0, gravitropism, 0]\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"line = {\n const p1 = vec3.clone([0, 1, 0]);\n const d = vec3.clone([1, 0, 0]);\n vec3.transformQuat(d, d, quat.fromEuler(quat.create(), 0, 0, directionAngle));\n const p2 = vec3.add(vec3.create(), p1, vec3.scale(vec3.create(), d, length));\n\n return [p1, p1, p2, p2];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"frontViewTransform = (() => {\n const viewRotationX = 0;\n const viewRotationY = 0;\n const w = 2;\n const h = 2;\n\n const m = mat4.create();\n mat4.translate(m, m, [0, h / 2, 1]);\n mat4.rotateX(m, m, toRadian(viewRotationX));\n mat4.translate(m, m, [0, h / 2, 1]);\n mat4.rotateX(m, m, Math.PI);\n mat4.rotateY(m, m, toRadian(viewRotationY));\n\n return v => vec3.transformMat4(vec3.create(), v, m);\n})()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"glMatrix = require(\"gl-matrix/gl-matrix\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"toRadian = glMatrix.glMatrix.toRadian","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"EPSILON = glMatrix.glMatrix.EPSILON","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"vec3 = glMatrix.vec3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"mat4 = glMatrix.mat4","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"quat = glMatrix.quat","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"bezierSegmentToPathD = b =>\n `M ${b[0][0]},${b[0][1]} C ${b[1][0]},${b[1][1]} ${b[2][0]},${b[2][1]} ${b[3][0]},${b[3][1]}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1"}} 2f:"$2e:body"