কম্পিউটার

সার্কেল সংঘর্ষ সনাক্তকরণ HTML5 ক্যানভাস


আমরা যদি চেনাশোনাগুলি একে অপরের সাথে সংঘর্ষ করছে কিনা তা পরীক্ষা করতে চাই, একটি উপায় হল দুটি বৃত্তের কেন্দ্রের মধ্যে দূরত্ব পাওয়া এবং সেই দূরত্ব থেকে প্রতিটি বৃত্তের ব্যাসার্ধ বিয়োগ করা।

দূরত্বটি 1 এর চেয়ে বেশি কিনা তাও আমরা পরীক্ষা করি। যদি আমরা 20টি বৃত্তের জন্য এটি পরীক্ষা করতে চাই, তাহলে আমাদের দূরত্বের সঠিক পার্থক্য গণনা করতে হবে। কেন্দ্রের x/y অবস্থান বনাম ব্যাসার্ধ।

bs(x2 - x1) > (r2 + r1)
abs(y2 - y1) > (r2 + r1)

বৃত্তের কেন্দ্রগুলির মধ্যে X বা Y তে দূরত্ব ব্যাসার্ধের যোগফলের চেয়ে বেশি হলে বৃত্তগুলি সংঘর্ষ করতে পারে না৷


  1. HTML5 ক্যানভাসে এলোমেলো রঙের বর্গক্ষেত্রে ভরা একটি বৃত্ত আঁকুন

  2. একটি HTML5 ক্যানভাস উপাদান প্রিন্ট করুন

  3. HTML5 ক্যানভাস রূপান্তর

  4. কিভাবে HTML5 এ ক্যানভাস কেন্দ্রীভূত করবেন?