Coding Challenge #134.1: Heart Curve
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
Видео Coding Challenge #134.1: Heart Curve канала The Coding Train
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
Видео Coding Challenge #134.1: Heart Curve канала The Coding Train
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Live Stream #21#genuary3Live Stream #126.1: Happy Pi Day! - Part 13.7: Additive Waves - The Nature of Code3.4 Polar Coordinates - The Nature of Code5.4 Arrive Steering Behavior - The Nature of Code17.10: Sound Visualization: Radial Graph - p5.js Sound TutorialCoding Challenge #110: Recamán's Sequence - Part 2 (Audio)Nature of Code Continued: Chapter 2, Forces!All aboard the new Coding Train website!1.6 Refreshing Data with setInterval() - Working with Data and APIs in JavaScriptQ&A #6: p5.js Sketch as BackgroundCoding Worley Noise1.6 Acceleration Vector - The Nature of Code3.2 Angular Motion - Nature of CodeBehind the Scenes of The Coding Train: How I Livestreamml5.js: KNN Classification Part 3I have no plan!ml5.js: Object Detection with COCO-SSD5.1 Autonomous Steering Agents Introduction - The Nature of Code1.4 Static Functions - The Nature of Code