3.3: Angles and Vectors - Nature of Code

From the creator

In this video, I tackle a common question, how do you draw an object pointing in the direction it’s moving? I demonstrate how to calculate the angle associated with the direction vector as well as create a vector from an angle in p5.js. Code: https://thecodingtrain.com/tracks/the-nature-of-code-2/noc/3-angles/3-angles-and-vectors p5.js Web Editor Sketches: 🕹️ Direction Pointing: https://editor.p5js.org/codingtrain/sketches/9M9yQJVVc 🕹️ Vehicle: https://editor.p5js.org/codingtrain/sketches/HtXbIDsESi 🕹️ Asteroids Exercise: https://editor.p5js.org/codingtrain/sketches/pXS395i0h 🎥 Previous video: https://youtu.be/i2ROE_mAhU0?list=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM 🎥 Next video: https://youtu.be/O5wjXoFrau4?list=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM 🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM References: 🔗 Solving for tangent: https://natureofcode.com/book/chapter-3-oscillation/index.html#34-pointing-in-the-direction-of-movement Videos: 🎥 1.4 Static Functions: https://youtu.be/YN8Q-QEmQ8Y 🎥 Asteroids with p5.js: https://youtu.be/hacZU523FyM Timestamps: 0:00 Hi again! 0:24 How is tangent useful and heading() 3:29 Using heading() 5:01 p5.Vector.fromAngle() 5:47 Demonstrate fromAngle() 8:13 What could you make? 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:/

Published 2021-02-02 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.