index.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<link rel="icon" type="image/x-icon" href="/favicon.png" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Particles Man</title>
	<script src="https://cdn.jsdelivr.net/npm/@mediapipe/pose"></script>
	<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
	<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/pose-detection"></script>
</head>

<body>
	<div id="app">
		<div id="canvas-wrapper"></div>
	</div>
	<div id="mobile">Due to really bad performances, this experience isn't available on mobile<b>Please test on desktop</b></div>
	<div id="infos">
		<div><b>Click</b> for random visual</div>
		<div><b>H</b> to hide UI</div>
	</div>
	<script type="module" src="/main.js"></script>
</body>

</html>