34 lines
1.2 KiB
HTML
34 lines
1.2 KiB
HTML
|
<!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>
|