<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Colision Detect in Circle</title> <link rel="stylesheet" type="text/css" href="styles.css"> <script type="text/javascript" src="stats.min.js"></script> <script type="text/javascript" src="app.js"></script> </head> <body class="bg-dark text-bg-dark"> <div class="container-fluid"> <p class="text-center pt-3"> Проверка наличия точки в круге </p> <div class="d-flex justify-content-center"> <canvas id="canvas" width="320" height="192"></canvas> </div> <p class="text-center pt-3"> Наведите курсор на <span class="bg-info text-bg-info rounded p-1">canvas</span> для перемещения точки. </p> <p class="text-center"> Формуля для расчёта задачи:<br> <span class="bg-info text-bg-info rounded p-1"> sqrt((x0 - x1) * (x0 - x1) + (y0 - y1) * (y0 - y1)) <= R </span>,<br> где R - это радиус окружности,<br> x0/y0 - координаты точки,<br> x1/y1 - координаты центра окружности. </p> </div> </body> </html>