index.html

<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8">
		<title>Generative VJ2</title>
		<style>
			body { margin: 0; }
			#mainDiv
			{
				position: relative;
			}
			#mainDiv #fftDiv
			{
				position: absolute;
				font-family: Arial;
			}
			*{
				cursor: 
				url(mousePointer.png) 2 2,
				pointer;
			}
		</style>
	</head>
	<body bgcolor="#000000">
	<script type="x-shader/x-vertex" id="vertexshader">

			varying vec2 vUv;

			void main() {

				vUv = uv;

				gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );

			}

		</script>

		<script type="x-shader/x-fragment" id="fragmentshader">

			uniform sampler2D baseTexture;
			uniform sampler2D bloomTexture;

			varying vec2 vUv;

			void main() {

				gl_FragColor = ( texture2D( baseTexture, vUv ) + vec4( 1.0 ) * texture2D( bloomTexture, vUv ) );

			}

		</script>
		<script type="module" src="/main.js">
		</script>
	</body>
</html>