Coding Challenge #133: Times Tables Cardioid Visualization

The Coding Train
The Coding Train
89.7 هزار بار بازدید - 6 سال پیش - In this video, I visualize
In this video, I visualize the "mathematical heart" Cardioid using times tables calculations. Code: thecodingtrain.com/challenges/133-time-tables-card… 🕹️ p5.js Web Editor Sketch: editor.p5js.org/codingtrain/sketches/gwcGb_NPm 🎥 Previous video:    • Coding Challenge #132: Fluid Simulation   🎥 Next video:    • Coding Challenge #134.1: Heart Curve   🎥 All videos:    • Coding Challenges   References: 🗄 Cardioid on Wikipedia: en.wikipedia.org/wiki/Cardioid 📝 Rainbow Topics suggestion from Eduardddd: github.com/CodingTrain/Rainbow-Topics/issues/1036 Videos: 🎥 Times Tables, Mandelbrot and the Heart of Mathematics:    • Times Tables, Mandelbrot and the Hear...   🎥 Times Tables Visualization Poster in Processing:    • Times Tables Visualization Poster in ...   🎥 Polar Coordinates:    • 3.4 Polar Coordinates - The Nature of...   🎥 The Modulo Operator:    • Guest Tutorial #6: The Modulo Operato...   🔴 Coding Train Live 168:    • Coding Train Live 168: Mathematical H...   Related Coding Challenges: 🚂 #21 Mandelbrot Set with p5.js:    • Coding Challenge #21: Mandelbrot Set ...   🚂 #116 Lissajous Curve Table:    • Coding Challenge #116: Lissajous Curv...   🚂 #134 Heart Curve:    • Coding Challenge #134.1: Heart Curve   🚂 #163 Bézier Curves:    • Bézier curves (Coding Challenge 163)   Timestamps: 0:00 Introduction 1:00 Simon Tiger's Processing Day presentation 2:07 Discussion of the times tables calculations 4:03 Start Coding! 5:34 Map the point's index to an angle 6:08 Use polar coordinates to get point location 6:31 Draw the points 7;48 Start with the 2-times table 8:37 Write a getVector() function 11:00 Use modulo operator to get remainder for mapping 12:28 Add PI to rotate the cardioid 180 degrees 13:31 Animate by mapping mouseX to the total number of points 14:34 Change to 3-times table 16:19 Animate by changing the factor 16:43 Conclusion and creative possibilities Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: thecodingtrain.com/ 👾 Share Your Creation! thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: github.com/CodingTrain/Suggestion-Box 💡 GitHub: github.com/CodingTrain 💬 Discord: thecodingtrain.com/discord 💖 Membership: youtube.com/thecodingtrain/join 🛒 Store: standard.tv/codingtrain 🖋️ Twitter: twitter.com/thecodingtrain 📸 Instagram: www.instagram.com/the.coding.train/ 🎥 Coding Challenges:    • Coding Challenges   🎥 Intro to Programming:    • Start learning here!   🔗 p5.js: p5js.org/ 🔗 p5.js Web Editor: editor.p5js.org/ 🔗 Processing: processing.org/ 📄 Code of Conduct: github.com/CodingTrain/Code-of-Conduct This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecodingtrain.com/issues/n… #cardioid #cardioidtimestables #timestablesvisualization #heartalgorithm #polarcoordinates #modulooperator #processing
6 سال پیش در تاریخ 1397/11/25 منتشر شده است.
89,726 بـار بازدید شده
... بیشتر