Published On May 2, 2024
All aboard as I attempt to simulate the artistic process of paper marbling. The algorithm is based on the paper 'Mathematical Marbling' by S. Lu, A. Jaffer, X. Jin, H. Zhao, and X. Mao. The code is written in JavaScript using the p5.js library. Code: https://thecodingtrain.com/challenges...
š Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-...
p5.js Web Editor Sketches:
š¹ļø Mathematical Marbling: https://editor.p5js.org/codingtrain/s...
š¹ļø Dodecahedron: https://editor.p5js.org/codingtrain/s...
š¹ļø Marbling Phyllotaxis: https://editor.p5js.org/codingtrain/s...
š¹ļø Marbling Mouse: https://editor.p5js.org/codingtrain/s...
š¹ļø Marbling Color: https://editor.p5js.org/codingtrain/s...
š¹ļø Marbling Combs: https://editor.p5js.org/codingtrain/s...
š¹ļø Marbling Raster Pixels: https://editor.p5js.org/codingtrain/s...
š¹ļø Marbling Raster Pixels - Image: https://editor.p5js.org/codingtrain/s...
š¹ļø Marbling Raster Pixels - Video: https://editor.p5js.org/codingtrain/s...
š¹ļø Marbling Color - animate ink: https://editor.p5js.org/codingtrain/s...
š¹ļø handPose Marbling: https://editor.p5js.org/codingtrain/s...
š„ Previous: Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ 182:Ā ApollonianĀ Gask...Ā Ā
š„ All: Ā Ā Ā ā¢Ā CodingĀ ChallengesĀ Ā
References:
š Paper Marbling: https://en.wikipedia.org/wiki/Paper_m...
š Tokutaro Yagi: https://suminagashi.com/meet-the-arti...
š Digital Marbling: https://blog.amandaghassaei.com/2022/...
š Mathematical Marbling: https://doi.org/10.1109/MCG.2011.51
š Mathematical Marbling: https://people.csail.mit.edu/jaffer/M...
Videos:
š„ The Hydrodynamics of Marbling Art: https://gfm.aps.org/meetings/dfd-2023...
š„ Ā Ā Ā ā¢Ā 3.4Ā PolarĀ CoordinatesĀ -Ā TheĀ NatureĀ of...Ā Ā
Related Coding Challenges:
š Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ #56:Ā AttractionĀ andĀ ...Ā Ā
š Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ 102:Ā 2DĀ WaterĀ RippleĀ Ā
š Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ #132:Ā FluidĀ SimulationĀ Ā
š Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ 177:Ā SoftĀ BodyĀ PhysicsĀ Ā
Timestamps:
0:00 Introduction
1:47 Mathematical Marbling
2:16 Explain approach
3:20 Start Coding
4:20 Dropping paint
7:03 Add the circle vertices using polar coordinates
10:57 Add a marble function
13:24 Refine the algorithm
16:45 Add a tine function
19:46 Circle detail
24:50 Generalize the 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/pas...
š© Suggest Topics: https://github.com/CodingTrain/Sugges...
š” GitHub: https://github.com/CodingTrain
š¬ Discord: https://thecodingtrain.com/discord
š Membership: http://youtube.com/thecodingtrain/join
š Store: https://standard.tv/codingtrain
šļø Twitter: Ā Ā /Ā thecodingtrainĀ Ā
šø Instagram: Ā Ā /Ā the.coding.trainĀ Ā
š„ Ā Ā Ā ā¢Ā CodingĀ ChallengesĀ Ā
š„ Ā Ā Ā ā¢Ā StartĀ learningĀ here!Ā Ā
š 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-o...
This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecod...
#mathematicalmarbling #fluidsimulation #p5js #javascript