25:["$","title",null,{"children":"Assignment #4 | Степан Гребнев | Observable"}] 49:[{"id":"087c361d96d3fe8076243158f3ba0a0b6661e6bfb84cc6767d77e34c5df95425694aff00bb1d9e9e764209db7fe2776ada095eb12b2f5a415581d06624403673","href":"https://static.observableusercontent.com/files/087c361d96d3fe8076243158f3ba0a0b6661e6bfb84cc6767d77e34c5df95425694aff00bb1d9e9e764209db7fe2776ada095eb12b2f5a415581d06624403673","name":"asg4_7.png","type":"image/png","lastModified":1690242365742.975,"size":1546125},{"id":"6f073d33349b74000e9256bff57081ee6a99250774df6024871742423e53c6398250e223eee390014c6fa70899babb89737cf6c1978f1aa22e317957ceca400d","href":"https://static.observableusercontent.com/files/6f073d33349b74000e9256bff57081ee6a99250774df6024871742423e53c6398250e223eee390014c6fa70899babb89737cf6c1978f1aa22e317957ceca400d","name":"asg4_1.png","type":"image/png","lastModified":1690242365742.975,"size":1575410},{"id":"1b48d82b252c20dbea9918c2a3e9245b11c74c33b227703b9683280aabcf63c715a49bb0a605f8c66166f3f609e89182ffa1ba6436b24f2e610bc79ed26d9a46","href":"https://static.observableusercontent.com/files/1b48d82b252c20dbea9918c2a3e9245b11c74c33b227703b9683280aabcf63c715a49bb0a605f8c66166f3f609e89182ffa1ba6436b24f2e610bc79ed26d9a46","name":"asg4_4.png","type":"image/png","lastModified":1690242365742.975,"size":1767926},{"id":"9b033025ebc5f946f5eef740d664f058f853e5f52d5fc142ecd3bed1aa88f3956bb447c7ce82265db77e6c96cd280355cc9a9307185a3788c5204c1514695091","href":"https://static.observableusercontent.com/files/9b033025ebc5f946f5eef740d664f058f853e5f52d5fc142ecd3bed1aa88f3956bb447c7ce82265db77e6c96cd280355cc9a9307185a3788c5204c1514695091","name":"asg4_8.png","type":"image/png","lastModified":1690242365742.975,"size":2149410}] 29:{"id":"5fc04bb918d4107a","slug":null,"title":"Assignment #4","thumbnail":"b5e7842b0a3ce90bdcf48c0b821755caa5cb83c9e4fcb48ab2c34694367001df","access_level":"public","create_time":"$D2023-07-24T23:46:05.742Z","update_time":"$D2023-07-24T23:46:05.742Z","view_time":null,"first_public_time":"$D2023-07-24T23:46:05.742Z","has_unpublished_edits":null,"fork":{"id":"4882ec4bb65810d8","slug":"assignment-4","title":"Assignment #4","owner":{"id":"b34c988451399e98","login":"wenrazhao2","name":"KarlieDoesNotExist"}},"stars":0,"starred":false,"owner":{"type":"team","id":"a77e3d98d736999b","login":"76ca7f05a63c88cb","name":"Степан Гребнев","avatar_url":"https://avatars-next.observableusercontent.com/d182fd2954f237a9992945306347e2ceb86da632484e40adc07e0d5099572e7a","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":246,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"76ca7f05a63c88cb","login":"76ca7f05a63c88cb","name":"Степан Гребнев","avatar_url":"https://avatars-next.observableusercontent.com/d182fd2954f237a9992945306347e2ceb86da632484e40adc07e0d5099572e7a","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"76ca7f05a63c88cb","login":"76ca7f05a63c88cb","name":"Степан Гребнев","avatar_url":"https://avatars-next.observableusercontent.com/d182fd2954f237a9992945306347e2ceb86da632484e40adc07e0d5099572e7a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Assignment #4","cells":[{"id":0,"value":"# Assignment #4","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null