Back to Browse

Coding Challenge #134.1: Heart Curve

83.1K views
Feb 18, 2019
11:27

In this multi-part challenge, I use a parametric equation (from Wolfram Mathworld) to draw a heart curve in Processing (Java). Code: https://thecodingtrain.com/challenges/134-heart-curve p5.js Web Editor Sketches: 🕹️ Heart Curve: https://editor.p5js.org/codingtrain/sketches/egvieHyt0 🕹️ Beating Heart GIF: https://editor.p5js.org/codingtrain/sketches/egvieHyt0 🎥 Previous video: https://youtu.be/bl3nc_a1nvs?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/nBKwCCtWlUg?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: ❤️ Heart Curve Formulas: http://mathworld.wolfram.com/HeartCurve.html 🖌 Daily Art: http://sasj.tumblr.com/ 🐝 Bees & Bombs: https://beesandbombs.tumblr.com/ 💾 Loop Templates: https://github.com/golanlevin/LoopTemplates 💾 EZGIF: https://ezgif.com/ Videos: 🎥 Part 2: https://youtu.be/l5I3Q1JFISE 🎥 Polar Coordinates: https://youtu.be/O5wjXoFrau4 🎥 Drawing with Fourier Transform and Epicycles: https://www.youtube.com/watch?v=MY4luNgGfms 🎥 Livestream Archive: https://youtu.be/_xa87yl0nd4 Related Coding Challenges: 🚂 #133 Times Tables Cardioid Visualization: https://youtu.be/bl3nc_a1nvs 🚂 #135 Making a GIF Loop in Processing: https://youtu.be/nBKwCCtWlUg Timestamps: 0:00 Introducing today's topic: drawing a heart curve 1:00 Start coding 2:27 Polar to cartesian coordinates 3:48 Try "futzing" with the equations 5:50 Add the equation for a heart 8:10 Animate the heart 10:41 Conclusion--can you draw a different heart curve? Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: http://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://discord.gg/hPuGy2g 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 🖋️ Twitter: https://twitter.com/thecodingtrain 📸 Instagram: https://www.instagram.com/the.coding.train/ 🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Intro to Programming: 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 description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new #heartcurve #parametricequation #polarcoordinates #gifloop #processing

Download

0 formats

No download links available.

Coding Challenge #134.1: Heart Curve | NatokHD