2c:null 2d:["$","title",null,{"children":"Mashup of Image Distortion with Perlin noise and Webcam capture notebook techniques | Mario Delgado | Observable"}] 32:[] 30:{"id":"327ca666e5403968","slug":"mashup-of-image-distortion-with-perlin-noise-and-webcam-cap","title":"Mashup of Image Distortion with Perlin noise and Webcam capture notebook techniques","thumbnail":"50c26ef70b66350c7483d631a64b3075a94ae7447140f73c1f66bbd45c58b702","access_level":"public","create_time":"$D2019-08-11T15:30:59.826Z","update_time":"$D2023-05-14T20:13:38.265Z","view_time":null,"first_public_time":"$D2019-08-11T16:41:31.094Z","fork":{"id":"c1f4aaf7fd919f39","slug":"image-distortion-with-perlin-noise","title":"Image distortion with Perlin noise","owner":{"id":"8186b1ae1b4a94e2","login":"kerryrodden","name":"Kerry Rodden"}},"stars":3,"starred":false,"owner":{"type":"team","id":"f57b9f8a19d28778","login":"mariodelgadosr","name":"Mario Delgado ","avatar_url":"https://avatars-next.observableusercontent.com/2d2982ad09c4ca9dfd6570810ae00301e0db6ef798c4f7025ea03d4325d4807d","tier":"starter_2024"},"version":700,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"1d3988d482a8ec0f","login":"mariodelgadosr","name":"Mario Delgado ","avatar_url":"https://avatars-next.observableusercontent.com/2d2982ad09c4ca9dfd6570810ae00301e0db6ef798c4f7025ea03d4325d4807d","tier":null}],"members":[{"type":"individual","id":"1d3988d482a8ec0f","login":"mariodelgadosr","name":"Mario Delgado ","avatar_url":"https://avatars-next.observableusercontent.com/2d2982ad09c4ca9dfd6570810ae00301e0db6ef798c4f7025ea03d4325d4807d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":8,"collection":null,"type":"notebook","body":{"title":"Mashup of Image Distortion with Perlin noise and Webcam capture notebook techniques","cells":[{"id":0,"value":"md`# Mashup of [Image Distortion with Perlin noise](https://observablehq.com/@kerryrodden/image-distortion-with-perlin-noise) and [Webcam capture](https://observablehq.com/@esperanc/webcam-capture) notebook techniques`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":646,"value":"\n{ \n const anchor = \n 'navigator.mediaDevices.getUserMedia is';\n const compatible = \n anchor + (!!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) ? '' : 'not') + ' supported';\n return html`${compatible}` \n }\n\n\n \n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"md`## Instructions:\n* Enable [Webcam](https://www.kirupa.com/html5/accessing_your_webcam_in_html5.htm)\n* Take [photo](https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Taking_still_photos)\n* Apply [Perlin distortions](https://en.wikipedia.org/wiki/Perlin_noise)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":678,"value":"viewof enableWebcam = {\n const check = checkbox({\n options: [\n { value: 'on', label: 'Enable webcam' }\n ]\n });\n check.value = false;\n return check;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":694,"value":"//\n//mutable video =\n//html`