<!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>