All aboard arsenic I effort to simulate nan creator process of insubstantial marbling. The algorithm is based connected nan insubstantial 'Mathematical Marbling' by S. Lu, A. Jaffer, X. Jin, H. Zhao, and X. Mao. The codification is written successful JavaScript utilizing nan p5.js library. Code: https://thecodingtrain.com/challenges/183-mathematical-marbling ๐ Watch this video ad-free connected Nebula https://nebula.tv/videos/codingtrain-coding-challenge-183-paper-marbling-simulation p5.js Web Editor Sketches: ๐น๏ธ Mathematical Marbling: https://editor.p5js.org/codingtrain/sketches/fsw-rJrpr ๐น๏ธ Dodecahedron: https://editor.p5js.org/codingtrain/sketches/frIcGeI8l ๐น๏ธ Marbling Phyllotaxis: https://editor.p5js.org/codingtrain/sketches/xoK1M7K3- ๐น๏ธ Marbling Mouse: https://editor.p5js.org/codingtrain/sketches/GlQ8BqbZ2 ๐น๏ธ Marbling Color: https://editor.p5js.org/codingtrain/sketches/ONPlawNRq ๐น๏ธ Marbling Combs: https://editor.p5js.org/codingtrain/sketches/kUPncgjvO ๐น๏ธ Marbling Raster Pixels: https://editor.p5js.org/codingtrain/sketches/5b29Taght ๐น๏ธ Marbling Raster Pixels - Image: https://editor.p5js.org/codingtrain/sketches/nb5hSYsgX ๐น๏ธ Marbling Raster Pixels - Video: https://editor.p5js.org/codingtrain/sketches/kVyT302xf ๐น๏ธ Marbling Color - animate ink: https://editor.p5js.org/codingtrain/sketches/HtEtm1vii ๐น๏ธ handPose Marbling: https://editor.p5js.org/codingtrain/sketches/EwQhSqGK5 ๐ฅ Previous: https://youtu.be/6UlGLB_jiCs?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH ๐ฅ All: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: ๐ Paper Marbling: https://en.wikipedia.org/wiki/Paper_marbling ๐ Tokutaro Yagi: https://suminagashi.com/meet-the-artisan-tokutaro-yagi/ ๐ Digital Marbling: https://blog.amandaghassaei.com/2022/10/25/digital-marbling/ ๐ Mathematical Marbling: https://doi.org/10.1109/MCG.2011.51 ๐ Mathematical Marbling: https://people.csail.mit.edu/jaffer/Marbling/ Videos: ๐ฅ The Hydrodynamics of Marbling Art: https://gfm.aps.org/meetings/dfd-2023/649b3ad8199e4c137897831b ๐ฅ https://youtu.be/O5wjXoFrau4 Related Coding Challenges: ๐ https://youtu.be/OAcXnzRNiCY ๐ https://youtu.be/BZUdGqeOD0w ๐ https://youtu.be/alhpH6ECFvQ ๐ https://youtu.be/IxdGyqhppis Timestamps: 0:00 Introduction 1:47 Mathematical Marbling 2:16 Explain approach 3:20 Start Coding 4:20 Dropping paint 7:03 Add nan circle vertices utilizing polar coordinates 10:57 Add a marble function 13:24 Refine nan algorithm 16:45 Add a tine function 19:46 Circle detail 24:50 Generalize nan tine function 29:43 Possible variations 31:45 Outro Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound ๐ Website: https://thecodingtrain.com/ ๐พ Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide ๐ฉ Suggest Topics: https://github.com/CodingTrain/Suggestion-Box ๐ก GitHub: https://github.com/CodingTrain ๐ฌ Discord: https://thecodingtrain.com/discord ๐ Membership: http://youtube.com/thecodingtrain/join ๐ Store: https://standard.tv/codingtrain ๐๏ธ Twitter: https://twitter.com/thecodingtrain ๐ธ Instagram: https://www.instagram.com/the.coding.train/ ๐ฅ https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH ๐ฅ https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA ๐ p5.js: https://p5js.org ๐ p5.js Web Editor: https://editor.p5js.org/ ๐ Processing: https://processing.org ๐ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct This explanation was auto-generated. If you spot a problem, please unfastened an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new #mathematicalmarbling #fluidsimulation #p5js #javascript
Coding Challenge 183: Paper Marbling Simulation
All aboard arsenic I effort to simulate nan creator process of insubstantial marbling. The algorithm is based connected nan insubstantial 'Mathematical Marbling' by S. Lu, A. Jaffer, X. Jin, H. Zhao, and X. Mao. The codification is written successful JavaScript utilizing nan p5.js library. Code: https://thecodingtrain.com/challenges/183-mathematical-marbling ๐ Watch this video ad-free connected Nebula https://nebula.tv/videos/codingtrain-coding-challenge-183-paper-marbling-simulation p5.js Web Editor Sketches: ๐น๏ธ Mathematical Marbling: https://editor.p5js.org/codingtrain/sketches/fsw-rJrpr ๐น๏ธ Dodecahedron: https://editor.p5js.org/codingtrain/sketches/frIcGeI8l ๐น๏ธ Marbling Phyllotaxis: https://editor.p5js.org/codingtrain/sketches/xoK1M7K3- ๐น๏ธ Marbling Mouse: https://editor.p5js.org/codingtrain/sketches/GlQ8BqbZ2 ๐น๏ธ Marbling Color: https://editor.p5js.org/codingtrain/sketches/ONPlawNRq ๐น๏ธ Marbling Combs: https://editor.p5js.org/codingtrain/sketches/kUPncgjvO ๐น๏ธ Marbling Raster Pixels: https://editor.p5js.org/codingtrain/sketches/5b29Taght ๐น๏ธ Marbling Raster Pixels - Image: https://editor.p5js.org/codingtrain/sketches/nb5hSYsgX ๐น๏ธ Marbling Raster Pixels - Video: https://editor.p5js.org/codingtrain/sketches/kVyT302xf ๐น๏ธ Marbling Color - animate ink: https://editor.p5js.org/codingtrain/sketches/HtEtm1vii ๐น๏ธ handPose Marbling: https://editor.p5js.org/codingtrain/sketches/EwQhSqGK5 ๐ฅ Previous: https://youtu.be/6UlGLB_jiCs?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH ๐ฅ All: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: ๐ Paper Marbling: https://en.wikipedia.org/wiki/Paper_marbling ๐ Tokutaro Yagi: https://suminagashi.com/meet-the-artisan-tokutaro-yagi/ ๐ Digital Marbling: https://blog.amandaghassaei.com/2022/10/25/digital-marbling/ ๐ Mathematical Marbling: https://doi.org/10.1109/MCG.2011.51 ๐ Mathematical Marbling: https://people.csail.mit.edu/jaffer/Marbling/ Videos: ๐ฅ The Hydrodynamics of Marbling Art: https://gfm.aps.org/meetings/dfd-2023/649b3ad8199e4c137897831b ๐ฅ https://youtu.be/O5wjXoFrau4 Related Coding Challenges: ๐ https://youtu.be/OAcXnzRNiCY ๐ https://youtu.be/BZUdGqeOD0w ๐ https://youtu.be/alhpH6ECFvQ ๐ https://youtu.be/IxdGyqhppis Timestamps: 0:00 Introduction 1:47 Mathematical Marbling 2:16 Explain approach 3:20 Start Coding 4:20 Dropping paint 7:03 Add nan circle vertices utilizing polar coordinates 10:57 Add a marble function 13:24 Refine nan algorithm 16:45 Add a tine function 19:46 Circle detail 24:50 Generalize nan tine function 29:43 Possible variations 31:45 Outro Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound ๐ Website: https://thecodingtrain.com/ ๐พ Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide ๐ฉ Suggest Topics: https://github.com/CodingTrain/Suggestion-Box ๐ก GitHub: https://github.com/CodingTrain ๐ฌ Discord: https://thecodingtrain.com/discord ๐ Membership: http://youtube.com/thecodingtrain/join ๐ Store: https://standard.tv/codingtrain ๐๏ธ Twitter: https://twitter.com/thecodingtrain ๐ธ Instagram: https://www.instagram.com/the.coding.train/ ๐ฅ https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH ๐ฅ https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA ๐ p5.js: https://p5js.org ๐ p5.js Web Editor: https://editor.p5js.org/ ๐ Processing: https://processing.org ๐ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct This explanation was auto-generated. If you spot a problem, please unfastened an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new #mathematicalmarbling #fluidsimulation #p5js #javascript