index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>fourier_transform</title>
	<h1 style="text-align:center;color:white;" >Draw shape using mouse(left click & drag) and release to watch the algorithm rebuild it.Here is a quick demo.</h1>

	<script src="libraries/p5.js"></script>
	<script src="libraries/p5.dom.js"></script>
	<script src="libraries/p5.sound.js"></script>
	<script src="fourier.js"></script>
	<script src="train.js"></script>
	<script src="sketch.js"></script>

	<style>
		body {
			margin:0;
			padding:0;
			overflow: hidden;
			background-color:red;
		}
		canvas {
			margin:auto;
		}
	</style>
</head>
<body>
</body>
</html>