কম্পিউটার টিউটোরিয়াল

HTML5 Canvas-এ সার্কেল কলিশন ডিটেকশন

দুটি বৃত্ত একে অপর সাথে কোলাইড করছে কিনা চেক করার একটি উপায় হলো দুটি বৃত্তের কেন্দ্রের দূরত্ব বের করে সেটি থেকে প্রতিটি বৃত্তের ত্রিজ্যা বিয়োগ করা।

আমরা চেক করি দূরত্ব ১ চেয়ে বড় কিনা। ২০টি বৃত্তের জন্য চেক করলে দূরত্বের সঠিক পার্থক্য ক্যালকুলেট করতে হয়। কেন্দ্রের x/y পজিশন vs ত্রিজ্যা।

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

যদি দুটি বৃত্তের কেন্দ্রের X বা Y দূরত্ব ত্রিজ্যা জোড়ের চেয়ে বড় হয়, তবে তারা কোলাইড করতে পারে না।

  1. HTML5 Canvas-এ র‍্যান্ডম রঙের বর্গে বৃত্ত পূরণ

  2. HTML5 Canvas এলিমেন্ট প্রিন্ট করা

  3. HTML5 Canvas Transformation

  4. HTML5-এ ক্যানভাস সেন্টার করা