p5.js Coding Tutorial | Falling Sand - Lunar New Year Edition (with ml5.js)
LET'S CONNECT ✨ Sign up for my newsletter at https://www.pattvira.com ✨ Instagram: https://www.instagram.com/pattvira ✨ Twitter: https://twitter.com/pattvira -- Links: 🔗 p5.js editor: https://editor.p5js.org/ 🔗 Interactive Falling Coins Code: https://editor.p5js.org/pattvira/sketches/DCTLTHUyU 🔗 Introduction to Creative Coding Playlist: https://youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn References: 🔗 @TheCodingTrain ' Falling Sand Tutorial: https://www.youtube.com/watch?v=L4u7Zy_b868 🔗 Inspiration by Shristi Singh (@velveteen.magic): https://www.instagram.com/p/DEnJz5yxTap/ 🔗 ml5.js: 🔗 Website: https://ml5js.org/ 🔗 ml5.js faceMesh Parts Example: https://editor.p5js.org/ml5/sketches/9y9W7eAee 🔗 ml5.js playlist: https://youtube.com/playlist?list=PL0beHPVMklwhxJ6G3Hn4uLQTDe4Y562Dr&si=fstnmy-6Q8ELkFVc Timestamps: 0:00 Intro 0:57 Approach 2:02 Create current and next grids 5:26 Add interactivity with mousePressed() and mouseDragged 7:29 Add cellular automata rules 14:40 Change alpha values to add additional depth 17:17 Create gold coins 20:52 Explore handPose model from ml5.js 25:24 Use index finger to add gold coins
Download
0 formatsNo download links available.