Apakah yang saya pelajari dengan mencipta simulator radar mudah dengan HMTL Canvas dan JS?

Meneroka Radar dalam HTML Kanvas: Projek Pembelajaran dan Cabaran

pengenalan

Nah, projek ini datang daripada pepatah popular yang terkenal, "fikiran kosong adalah bengkel jadi mari kita mulakan projek lain". Mengetepikan jenaka, saya ingin bercerita, pertama, saya tidak pernah belajar pengaturcaraan secara formal dan sehingga hari ini saya tidak faham mengapa, sesuatu yang lebih "mendesak" selalu muncul, dan yang kedua ialah: Saya tidak ingat apa-apa tentang kelas matematik.

Jadi, saya memutuskan untuk menukar senario ini dan menangani projek yang akan membantu saya membuat program dengan lebih baik dan, selain itu, mengajar saya beberapa konsep matematik. Ketika itulah saya teringat projek daripada freeCodeCamp.org tentang cara mencipta simulator kereta dipacu AI, yang dibuat oleh Radu (pautan di sini). Lelaki itu melakukan segala-galanya dengan kukunya, dia tidak menggunakan TS pun! Saya masih ingat bahawa apabila saya menamatkan kursus mini ini, saya melihat kod dan berfikir “ya, saya rasa saya tidak akan mengingati semua ini pada masa hadapan.”

Cabaran

Apa yang saya mahu dengan keseluruhan mukadimah ini adalah untuk mengatakan: Saya terjaga dengan perkara ini di kepala saya dan memutuskan untuk mencipta sesuatu yang serupa, tetapi sedikit lebih mudah. Saya memutuskan untuk membuat sensor, tanpa menggunakan mana-mana perpustakaan atau melawat semula kod asal. Saya harap hanya saya dan pembantu GPT saya dalam perjalanan ini.

Refleksi dan Pembelajaran

Bagi mereka yang terperangkap dalam "neraka tutorial", berikut adalah beberapa perkara yang saya dapati penting:

• Meningkatkan rujukan anda:Video ini, pada pendapat saya, membantu mengembangkan cara berfikir anda. Anda tidak akan meninggalkan sana dengan pengetahuan yang sama seperti orang dalam video, tetapi anda akan pergi dengan rujukan baharu. Ia seperti seorang artis yang belajar teknik daripada tuan-tuan besar sebelum mencipta gayanya sendiri. Pada akhirnya, saya teringat banyak perkara dari kelas, walaupun itu beberapa bulan yang lalu.
• Cabaran adalah hebat:Perkara yang paling menarik ialah menyelesaikan projek dan merasakan bahawa, walaupun menghabiskan 90% masa untuk cuba memahami dan tidak sebenarnya pengaturcaraan, apabila projek itu berjalan, ia adalah perasaan yang luar biasa. Projek-projek ini mempunyai aplikasi sebenar; asasnya adalah sama seperti yang digunakan dalam permainan, contohnya.
• Fahami asas:Jika saya telah menggunakan lib atau enjin permainan, saya rasa saya tidak akan memahami konsep di sebaliknya dengan baik. Saya suka mengangkat tudung dan melihat bagaimana ia berfungsi. Untuk projek besar, ini adalah mustahil, tetapi untuk pembelajaran konsep, ia adalah penting.

Projek: Radar Mudah dengan Kanvas HTML dan JS

Sekarang, saya ingin menunjukkan kepada anda hasil pembelajaran ini: versi radar yang sangat mudah menggunakan Kanvas HTML dan JavaScript. Perkara yang paling menarik ialah melaksanakan semua ini tanpa menggunakan mana-mana perpustakaan.

Projek ada di: https://stackblitz.com/edit/vitejs-vite-bu1acf?file=main.js

Saya berhasrat untuk menggunakannya lebih banyak dalam masa yang tidak terlalu dekat!

Petua Akhir

1. Nilai asas:Memahami asas membantu anda menghadapi sebarang cabaran.
2. Jangan takut melakukan kesilapan:Kebanyakan masa akan menjadi percubaan dan kesilapan, dan tidak mengapa.
3. Hadapi cabaran terus:Setiap projek yang telah siap adalah kemenangan dan peluang pembelajaran.

Kesimpulan

Jika anda bermula atau ingin mencabar diri sendiri, saya cadangkan anda cuba mencipta projek dari awal, tanpa libs. Kongsi pengalaman dan cabaran anda, tetapi tolong jangan buat rangka kerja js yang lain!

Atas ialah kandungan terperinci Apakah yang saya pelajari dengan mencipta simulator radar mudah dengan HMTL Canvas dan JS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!