2d:null 2e:["$","title",null,{"children":"Assignment #4 | KarlieDoesNotExist | Observable"}] 33:[{"id":"6f073d33349b74000e9256bff57081ee6a99250774df6024871742423e53c6398250e223eee390014c6fa70899babb89737cf6c1978f1aa22e317957ceca400d","href":"https://static.observableusercontent.com/files/6f073d33349b74000e9256bff57081ee6a99250774df6024871742423e53c6398250e223eee390014c6fa70899babb89737cf6c1978f1aa22e317957ceca400d","name":"asg4_1.png","type":"image/png","lastModified":1633426840092.578,"size":1575410},{"id":"1b48d82b252c20dbea9918c2a3e9245b11c74c33b227703b9683280aabcf63c715a49bb0a605f8c66166f3f609e89182ffa1ba6436b24f2e610bc79ed26d9a46","href":"https://static.observableusercontent.com/files/1b48d82b252c20dbea9918c2a3e9245b11c74c33b227703b9683280aabcf63c715a49bb0a605f8c66166f3f609e89182ffa1ba6436b24f2e610bc79ed26d9a46","name":"asg4_4.png","type":"image/png","lastModified":1633426972213.806,"size":1767926},{"id":"01474cec9ccb5bcaf100bccc442b4fbc159c6371730235e6c9b71517aea3793385e8c98e84ff78069fde85aa68c7afadc7be25b1cc16a84bbe0f571a650f1b39","href":"https://static.observableusercontent.com/files/01474cec9ccb5bcaf100bccc442b4fbc159c6371730235e6c9b71517aea3793385e8c98e84ff78069fde85aa68c7afadc7be25b1cc16a84bbe0f571a650f1b39","name":"asg4_6.png","type":"image/png","lastModified":1633426840004.17,"size":1699265},{"id":"9b033025ebc5f946f5eef740d664f058f853e5f52d5fc142ecd3bed1aa88f3956bb447c7ce82265db77e6c96cd280355cc9a9307185a3788c5204c1514695091","href":"https://static.observableusercontent.com/files/9b033025ebc5f946f5eef740d664f058f853e5f52d5fc142ecd3bed1aa88f3956bb447c7ce82265db77e6c96cd280355cc9a9307185a3788c5204c1514695091","name":"asg4_8.png","type":"image/png","lastModified":1633442197232.304,"size":2149410},{"id":"087c361d96d3fe8076243158f3ba0a0b6661e6bfb84cc6767d77e34c5df95425694aff00bb1d9e9e764209db7fe2776ada095eb12b2f5a415581d06624403673","href":"https://static.observableusercontent.com/files/087c361d96d3fe8076243158f3ba0a0b6661e6bfb84cc6767d77e34c5df95425694aff00bb1d9e9e764209db7fe2776ada095eb12b2f5a415581d06624403673","name":"asg4_7.png","type":"image/png","lastModified":1633426840378.965,"size":1546125}] 31:{"id":"4882ec4bb65810d8","slug":"assignment-4","title":"Assignment #4","thumbnail":"3b224873f14a90bb7716716bd759be3ca85275d5157364f4ba1f81285f557740","access_level":"public","create_time":"$D2021-10-01T11:19:33.705Z","update_time":"$D2021-10-06T05:01:38.805Z","view_time":null,"first_public_time":"$D2021-10-05T10:21:51.718Z","has_unpublished_edits":null,"fork":false,"stars":32,"starred":false,"owner":{"type":"team","id":"b34c988451399e98","login":"wenrazhao2","name":"KarlieDoesNotExist","avatar_url":"https://avatars-next.observableusercontent.com/64edd542e55cff350a7503e5050267fb1768e8cc5052184b8a8cb49162d172f3","tier":"starter_2024"},"version":246,"publish_version":246,"role":null,"authored":false,"authors":[{"type":"individual","id":"302ba7635bb9b25d","login":"wenrazhao2","name":"KarlieDoesNotExist","avatar_url":"https://avatars-next.observableusercontent.com/64edd542e55cff350a7503e5050267fb1768e8cc5052184b8a8cb49162d172f3","tier":null}],"members":[{"type":"individual","id":"302ba7635bb9b25d","login":"wenrazhao2","name":"KarlieDoesNotExist","avatar_url":"https://avatars-next.observableusercontent.com/64edd542e55cff350a7503e5050267fb1768e8cc5052184b8a8cb49162d172f3","tier":null,"role":"editor"}],"comments":[{"id":"4f37e0ccca104643","reply_to_id":null,"content":"I'm getting a blank canvas on Firefox for some reason. It works perfectly on Chromium though","create_time":"$D2021-10-05T12:47:59.413Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"d36034ddfb454bdd","login":"jobleonard","name":"Job van der Zwan","avatar_url":"https://avatars-next.observableusercontent.com/808373580aa09723ceabb9cb31d01ea6db287280b59eaa63618e259f5d28dd71","tier":null}},{"id":"932383d3ecb48c5d","reply_to_id":"4f37e0ccca104643","content":"seems like a bug with the code, should be fixed now. cheers:)","create_time":"$D2021-10-05T13:55:40.129Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"302ba7635bb9b25d","login":"wenrazhao2","name":"KarlieDoesNotExist","avatar_url":"https://avatars-next.observableusercontent.com/64edd542e55cff350a7503e5050267fb1768e8cc5052184b8a8cb49162d172f3","tier":null}}],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":6,"collection":{"id":"a2245910e29a736f","slug":"generative-art","title":"Generative Art","owner":{"id":"b34c988451399e98","login":"wenrazhao2","name":"KarlieDoesNotExist"}},"type":"notebook","body":{"title":"Assignment #4","cells":[{"id":0,"value":"# Assignment #4","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"md`\n### Tyler Hobbs Color Arrangement in Generative Art\n\n- GRADIENT: change the saturation/hue/value/brightness;\n- CLUMPING\n- SORTING / SEQUENCES: begin by generating a lot of colour selections, and then sort them by some attribute like hue. \n- COLOR SAMPLING / MAPPING\n- INHERITANCE: subdivision, recursion, or some other parent/child relationship. For example, if the parent shape has a red colour, then any children of that shape have a high probability of being red as well (along with a low probability of changing to a new colour). This can help to create large chunks or shapes a lot of the same colour, while still allowing the flexibility for interesting variations in colours.\n- COMPOSITIONAL SHAPES: shapes of colours\n\ngood colour work isn’t just about choosing the right colours, but about placing them strategically.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"md`\n### Notes on [THE NATURE OF CODE Chapter 2](https://natureofcode.com/book/chapter-2-forces/) by Daniel Shiffman\n\n\n\\`\\`\\`js\nclass Mover {\n constructor(){\n PVector location;\n PVector velocity;\n PVector acceleration;\n }\n\napplyForce(PVector force) { \n acceleration = force; // Newton’s second law at its simplest.\n acceleration.add(force); // accumulated acceleration \n\n // PVector f = force.get(); //**IMPORTANT if forces are not passed in a function**\n force.div(mass); // Newton’s second law (with force accumulation and mass)\n acceleration.add(force);\n }\n}\n\n\nmover.applyForce(wind);\nmover.applyForce(gravity);\nmover.update();\nmover.display();\n\\`\\`\\`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"md`\n### Friction\n\\`\\`\\`js\nPVector friction = velocity.get();\nfriction.normalize(); // Let’s figure out the direction of the friction force (a unit vector in the opposite direction of velocity).\nfriction.mult(-1);\n\nfloat c = 0.01;\nfloat normal = 1;\n// Let’s figure out the magnitude of friction (really just an arbitrary constant).\nfloat frictionMag = c*normal;\n \nPVector friction = velocity.get();\nfriction.mult(-1);\nfriction.normalize();\n \n// Take the unit vector and multiply it by magnitude and we have our force vector!\nfriction.mult(frictionMag);\n\\`\\`\\`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"html`
\n

Sketch Screenshots

\n\n

\n\n

\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"html`\n

Sketch

\nClick to regenerate; press any key to pause/run.
\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"md`
\n### Link to the previous version: https://editor.p5js.org/Karlieee/sketches/lBp4XgDdQ\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"