HMTL Canvas と JS を使用してシンプルなレーダー シミュレーターを作成して何を学びましたか?

HTML キャンバスでレーダーを探索する: 学習プロジェクトと課題

導入

このプロジェクトは、「頭が空っぽならワークショップになるので、別のプロジェクトを始めましょう」という有名な言葉から生まれました。 冗談はさておき、私が話をしたかったのは、第一に、私はプログラミングを正式に勉強したことがなく、今でもその理由がわかりませんが、別のより「緊急の」何かが常に思い浮かぶことです。そして第二に、「私は何も覚えていない」ということです。数学の授業。

そこで、このシナリオを変更して、プログラムをより良くするのに役立ち、おまけに数学の概念をいくつか教えてくれるプロジェクトに取り組むことにしました。そのとき、Radu が作成した AI 駆動のカー シミュレーターの作成方法に関する freeCodeCamp.org のプロジェクトを思い出しました (リンクはこちら)。その男は爪ですべてを行い、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 中国語 Web サイトの他の関連記事を参照してください。