5.7 Path Following (Steering) - Nature of Code
Continuing the quest to implement all of Craig Reynolds' steering behaviors in JavaScript with p5.js, in this video I tackle path following! https://thecodingtrain.com/learning/nature-of-code/5.7-path-following.html
p5.js Web Editor Sketches:
🕹️ Path Following: https://editor.p5js.org/codingtrain/sketches/dqM054vBV
🕹️ Complex Path: https://editor.p5js.org/codingtrain/sketches/2FFzvxwVt
🎥 Previous video: https://youtu.be/DHPfoqiE4yQ?list=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM
🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM
Links discussed in this video:
🔗 Steering Behaviors For Autonomous Characters: http://www.red3d.com/cwr/steer/
Other videos mentioned in this video:
🎥 Scalar Projection - Nature of Code 5.6: https://youtu.be/DHPfoqiE4yQ
🎥 5.2 Seeking a Target - The Nature of Code: https://youtu.be/p1Ws1ZhG36g
🎥 Coding Challenge 124 - Flocking Simulation: https://youtu.be/mhjuuHl6qHM
Timestamps:
0:00 Follow along, I look at path finding!
0:23 Code! Let's create a Path class.
1:18 Code! Now we need a follow force.
1:51 Explain! What are the steps to path following?
5:08 Code! Step one: predict future position.
5:40 Code! Modify vectorProjection() to findProjection().
8:12 Code! Use findProjection() and the rest of the steps.
10:30 Code! Refining the example.
11:49 Ideas? What could you create?
13:28 Amendment! I forgot to talk about direction!
14:43 No idea what's next but hope to see you there!
🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics
💡 GitHub: https://github.com/CodingTrain
💬 Discord: https://discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
📚 Books: https://www.amazon.com/shop/thecodingtrain
🖋️ 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
🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics
💡 GitHub: https://github.com/CodingTrain
💬 Discord: https://discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
📚 Books: https://www.amazon.com/shop/thecodingtrain
🖋️ 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
Видео 5.7 Path Following (Steering) - Nature of Code канала The Coding Train
p5.js Web Editor Sketches:
🕹️ Path Following: https://editor.p5js.org/codingtrain/sketches/dqM054vBV
🕹️ Complex Path: https://editor.p5js.org/codingtrain/sketches/2FFzvxwVt
🎥 Previous video: https://youtu.be/DHPfoqiE4yQ?list=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM
🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM
Links discussed in this video:
🔗 Steering Behaviors For Autonomous Characters: http://www.red3d.com/cwr/steer/
Other videos mentioned in this video:
🎥 Scalar Projection - Nature of Code 5.6: https://youtu.be/DHPfoqiE4yQ
🎥 5.2 Seeking a Target - The Nature of Code: https://youtu.be/p1Ws1ZhG36g
🎥 Coding Challenge 124 - Flocking Simulation: https://youtu.be/mhjuuHl6qHM
Timestamps:
0:00 Follow along, I look at path finding!
0:23 Code! Let's create a Path class.
1:18 Code! Now we need a follow force.
1:51 Explain! What are the steps to path following?
5:08 Code! Step one: predict future position.
5:40 Code! Modify vectorProjection() to findProjection().
8:12 Code! Use findProjection() and the rest of the steps.
10:30 Code! Refining the example.
11:49 Ideas? What could you create?
13:28 Amendment! I forgot to talk about direction!
14:43 No idea what's next but hope to see you there!
🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics
💡 GitHub: https://github.com/CodingTrain
💬 Discord: https://discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
📚 Books: https://www.amazon.com/shop/thecodingtrain
🖋️ 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
🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics
💡 GitHub: https://github.com/CodingTrain
💬 Discord: https://discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
📚 Books: https://www.amazon.com/shop/thecodingtrain
🖋️ 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
Видео 5.7 Path Following (Steering) - Nature of Code канала The Coding Train
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Bézier curves (Coding Challenge 163)](https://i.ytimg.com/vi/enNfb6p3j_g/default.jpg)
![5.6 Vector Dot Product (Scalar Projection) - The Nature of Code](https://i.ytimg.com/vi/DHPfoqiE4yQ/default.jpg)
![2.1 Simulating Forces: Gravity and Wind - The Nature of Code](https://i.ytimg.com/vi/Uibl0UE4VH8/default.jpg)
![Coding Challenge #86: Cube Wave by Bees and Bombs](https://i.ytimg.com/vi/H81Tdrmz2LA/default.jpg)
![Coding Challenge #65.1: Binary Search Tree](https://i.ytimg.com/vi/ZNH0MuQ51m4/default.jpg)
![Coding Challenge 162: Self-Avoiding Walk](https://i.ytimg.com/vi/m6-cm6GZ1iw/default.jpg)
![Coding Challenge #14: Fractal Trees - Recursive](https://i.ytimg.com/vi/0jjeOYMjmDU/default.jpg)
![Coding Challenge #1: Starfield in Processing](https://i.ytimg.com/vi/17WoOqgXsRM/default.jpg)
![5.1 Autonomous Steering Agents Introduction - The Nature of Code](https://i.ytimg.com/vi/P_xJMH8VvAE/default.jpg)
![Coding Challenge #100.1: Neuroevolution Flappy Bird - Part 1](https://i.ytimg.com/vi/c6y21FkaUqw/default.jpg)
![Coding Challenge #59: Steering Behaviors](https://i.ytimg.com/vi/4hA7G3gup-4/default.jpg)
![](https://i.ytimg.com/vi/84Uu4rFY7C4/default.jpg)
![5.2 Seeking a Target - The Nature of Code](https://i.ytimg.com/vi/p1Ws1ZhG36g/default.jpg)
![10.2: Neural Networks: Perceptron Part 1 - The Nature of Code](https://i.ytimg.com/vi/ntKn5TPHHAk/default.jpg)
![Coding Challenge #11: 3D Terrain Generation with Perlin Noise in Processing](https://i.ytimg.com/vi/IKB1hWWedMk/default.jpg)
![Coding Challenge #93: Double Pendulum](https://i.ytimg.com/vi/uWzPe_S-RVE/default.jpg)
![Coding Challenge #90: Floyd-Steinberg Dithering](https://i.ytimg.com/vi/0L2n8Tg2FwI/default.jpg)
![](https://i.ytimg.com/vi/whurPwhCgxw/default.jpg)
![2.1 Server-side with Node.js - Working with Data and APIs in JavaScript](https://i.ytimg.com/vi/wxbQP1LMZsw/default.jpg)
![9.15: 2D Arrays in JavaScript - p5.js Tutorial](https://i.ytimg.com/vi/OTNpiLUSiB4/default.jpg)