通过使用 HMTL Canvas 和 JS 创建一个简单的雷达模拟器，我学到了什么？

在 HTML Canvas 中探索雷达：学习项目和挑战

介绍

嗯，这个项目来自一句著名的流行谚语，“空虚的头脑是一个工作室，所以让我们开始另一个项目”。 抛开笑话，我想讲一个故事，第一，我从来没有正式学过编程，直到今天我也不明白为什么，总是出现一些更“紧急”的事情，第二是：我不记得任何关于数学课。

因此，我决定改变这种情况并解决一个项目，该项目可以帮助我更好地编程，并且作为奖励，教我一些数学概念。就在那时，我想起了 freeCodeCamp.org 上的一个项目，内容是关于如何创建人工智能驱动的汽车模拟器，由 Radu 制作（链接在此处）。这家伙什么都用指甲做，连TS都没用！我记得当我完成这个迷你课程时，我看着代码并想“是的，我想我将来不会记住这些。”

挑战

我想要通过所有序言表达的是：我在脑海中醒来时就想到了这一点，并决定创建一些类似的东西，但更简单一些。我决定制作一个传感器，不使用任何库或重新访问原始代码。我希望这次旅程只有我和我的 GPT 助手。

反思与学习

对于那些陷入“教程地狱”的人，以下是我认为很重要的几点：

• 增加您的参考资料：在我看来，这些视频有助于拓展您的思维方式。你离开那里时不会拥有与视频中的人相同的知识，但你会带着新的参考资料离开那里。这就像一个艺术家在创造自己的风格之前向大师学习技术。最后，我想起了很多课堂上的事情，尽管是几个月前的事情。
• 挑战很酷：最酷的事情是完成项目并感觉，尽管花费了 90% 的时间试图理解而不是实际编程，但当项目运行时，这是一种令人难以置信的感觉。这些项目都有实际应用；例如，其基本原理与游戏中使用的基本原理相同。
• 理解基础知识：如果我使用了库或游戏引擎，我认为我不会很好地理解它背后的概念。我喜欢打开引擎盖看看它是如何工作的。对于大型项目来说，这是不可能的，但对于学习概念来说，这是必不可少的。

项目：使用 HTML Canvas 和 JS 的简单雷达

现在，我想向您展示本次学习的成果：使用 HTML Canvas 和 JavaScript 的极其简单的雷达版本。最有趣的是在不使用任何库的情况下实现所有这些。

项目位于：https://stackblitz.com/edit/vitejs-vite-bu1acf?file=main.js

我打算在不久的将来更多地使用它！

最后的提示

1. 重视基础知识：了解基础知识可以帮助您应对任何挑战。
2. 不要害怕犯错误：大多数时候都会反复试验，没关系。
3. 直面挑战：每个完成的项目都是一次胜利和学习机会。

结论

如果您刚刚开始或想挑战自己，我建议您尝试从头开始创建一个没有库的项目。分享你的经验和挑战，但请不要创建另一个 js 框架！

以上是通过使用 HMTL Canvas 和 JS 创建一个简单的雷达模拟器，我学到了什么？的详细内容。更多信息请关注PHP中文网其他相关文章！