Coding Challenge

Veröffentlicht am: 18 Februar 2019
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video Coding Challenge mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer The Coding Train 18 Februar 2019 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 83,069 Mal angesehen und es wurde von 2.2 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

18,765

456