notclickable.github.io/index.html at master · notclickable/notclickable.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

<!DOCTYPE html>
<html>
<head><title>Daniel Beattie</title>
<style type  = "text/css">
.default {font: 12px arial, sans-serif }
body {cursor: pointer;}

</style>

<script type="text/javascript" src='vendor/three.js/build/three.min.js'></script>
<!-- include three.js postprocessing  -->
<script type="text/javascript" src="vendor/three.js/examples/js/postprocessing/EffectComposer.js"></script>
<script type="text/javascript" src="vendor/three.js/examples/js/postprocessing/RenderPass.js"></script>
<script type="text/javascript" src="vendor/three.js/examples/js/postprocessing/ShaderPass.js"></script>
<script type="text/javascript" src="vendor/three.js/examples/js/postprocessing/MaskPass.js"></script>
<script type="text/javascript" src="vendor/three.js/examples/js/shaders/CopyShader.js"></script>
<!-- include threex extensions -->
<script type="text/javascript" src="shaders/FilmShader.js"></script>
<script type="text/javascript" src="shaders/BadTVShader.js"></script>
<script type="text/javascript" src="shaders/RGBShiftShader.js"></script>
<script type="text/javascript"  src="shaders//StaticShader.js"></script>
<script type="text/javascript" src="js/threex.badtvpasses.js"></script>
<!-- include dat.gui -->
<!-- <script type="text/javascript" src='vendor/three.js/examples/libs/dat.gui.min.js'></script>
<script type="text/javascript" src="js/threex.badtvdatgui.js"></script> -->

<!-- -->
<script type="text/javascript" src='js/threex.windowresize.js'></script>
<script type="text/javascript" src="js/orbitControls.js"></script>

</head>

<body style='margin: 0px; background-color: #bbbbbb; overflow: hidden;' id ='mybody'>
<div class="default">Playing around with <a href="http://threejs.org" target = "_blank">three.js</a>. Music: <a href ="http://boomkat.com/vinyl/16286-carl-craig-just-another-day" target = "_blank">Carl Craig - Sandstorms</a>. <br /></div>

<script type="text/javascript" src="js/boxes.js"></script>
<script>
	var isplaying = false;
	document.body.onclick = function(){
		if(!isplaying){
			playaudio();
 			isplaying = true;
		}
	}
	function playaudio(){
		var audio = new Audio('mp3/sandstorms3.mp3');
		audio.play();
		document.getElementById('mybody').style.cursor = 'crosshair';
	}
</script>
</body>
</html>