2e:null 2f:["$","title",null,{"children":"Simple sin waves with perlin noise permutation | Seph Gentle | Observable"}] 34:[] 32:{"id":"133996decaf8d214","slug":"simple-sin-waves-with-perlin-noise-permutation","title":"Simple sin waves with perlin noise permutation","thumbnail":"4516227ad662122b1bf6dd367fae910779c845f01f4a88fb435d16340b418e02","access_level":"public","create_time":"$D2018-07-18T07:57:07.600Z","update_time":"$D2018-07-18T08:29:02.895Z","view_time":null,"first_public_time":"$D2018-07-18T08:27:11.083Z","has_unpublished_edits":null,"fork":{"id":"d04d11dff6e5102b","slug":"simple-sin-waves-plot","title":"Simple sin waves plot","owner":{"id":"a0f089998233f3de","login":"josephg","name":"Seph Gentle"}},"stars":4,"starred":false,"owner":{"type":"team","id":"a0f089998233f3de","login":"josephg","name":"Seph Gentle","avatar_url":"https://avatars-next.observableusercontent.com/47eb3610746e88cd3ab7c308d8db187ae1345ffb3726fb5f8b10c709de8d8c78","tier":"starter_2024"},"version":111,"publish_version":111,"role":null,"authored":false,"authors":[{"type":"individual","id":"227a0e683597b0ad","login":"josephg","name":"Seph Gentle","avatar_url":"https://avatars-next.observableusercontent.com/47eb3610746e88cd3ab7c308d8db187ae1345ffb3726fb5f8b10c709de8d8c78","tier":null}],"members":[{"type":"individual","id":"227a0e683597b0ad","login":"josephg","name":"Seph Gentle","avatar_url":"https://avatars-next.observableusercontent.com/47eb3610746e88cd3ab7c308d8db187ae1345ffb3726fb5f8b10c709de8d8c78","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Simple sin waves with perlin noise permutation","cells":[{"id":0,"value":"md`# Simple sin waves with perlin noise permutation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"chart = chartOf(paths, {watermark: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"viewof seed = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"viewof a = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"viewof b = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"viewof am = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"viewof bm = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"viewof num = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"viewof step = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"viewof period = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"viewof period2 = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"viewof mag = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"paths = {\n noise.seed(seed)\n const paths = []\n\n const p = ([x, y]) => ([\n x + mag * noise.simplex2(x / period, y / period),\n y + mag * noise.simplex2(x / period + 123, y / period)\n ])\n const p2 = ([x, y], i) => ([\n x + mag * noise.simplex3(x / period, y / period, i/period2),\n y + mag * noise.simplex3(x / period + 123, y / period, i/period2)\n ])\n for (let i = -num; i < num; i+=step) {\n const left = [Math.sin(i/am) * 500, Math.sin(i/(am * a) + 10) * 300]\n const right = [Math.cos(i/bm) * 500, Math.sin(i/(bm * b) + 20) * 300]\n\n paths.push(split(left, right, 400))\n }\n\n return mapPoints(paths, p2)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"import {chartOf, split, mapPoints} from '@josephg/plotter-sketchpad'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"noise = require('https://bundle.run/simplenoise@1.0.1')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"