Coding Challenge

Published: 18 February 2019
on channel: The Coding Train

83,069

2.2k

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...

p5.js Web Editor Sketches:
🕹️ Heart Curve: https://editor.p5js.org/codingtrain/s...
🕹️ Beating Heart GIF: https://editor.p5js.org/codingtrain/s...

🎥 Previous video:    • Coding Challenge #133: Times Tables Cardio...
🎥 Next video:    • Coding Challenge #135: Making a GIF Loop i...
🎥 All videos:    • Coding Challenges

References:
❤️ Heart Curve Formulas: http://mathworld.wolfram.com/HeartCur...
🖌 Daily Art:   / sasj
🐝 Bees & Bombs:   / beesandbombs
💾 Loop Templates: https://github.com/golanlevin/LoopTem...
💾 EZGIF: https://ezgif.com/

Videos:
🎥 Part 2:    • Coding Challenge #134.2: Heart Curve GIF Loop
🎥 Polar Coordinates:    • 3.4 Polar Coordinates - The Nature of Code
🎥 Drawing with Fourier Transform and Epicycles:    • Coding Challenge #130.1: Drawing with Four...
🎥 Livestream Archive:    • Coding Train Live 168: Mathematical Hearts...

Related Coding Challenges:
🚂 #133 Times Tables Cardioid Visualization:    • Coding Challenge #133: Times Tables Cardio...
🚂 #135 Making a GIF Loop in Processing:    • Coding Challenge #135: Making a GIF Loop i...

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/pas...
🚩 Suggest Topics: https://github.com/CodingTrain/Sugges...
💡 GitHub: https://github.com/CodingTrain
💬 Discord:   / discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
🖋️ Twitter:   / thecodingtrain
📸 Instagram:   / the.coding.train

🎥 Coding Challenges:    • Coding Challenges
🎥 Intro to Programming:    • 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...

#heartcurve #parametricequation #polarcoordinates #gifloop #processing

On this page of the site you can watch the video online Coding Challenge with a duration of hours minute second in good quality, which was uploaded by the user The Coding Train 18 February 2019, share the link with friends and acquaintances, this video has already been watched 83,069 times on youtube and it was liked by 2.2 thousand viewers. Enjoy your viewing!

1,465