add toggle for onclick

1 files changed, 10 insertions, 3 deletions

diff --git a/docroot/main.js b/docroot/main.js
index 7c8e804..6c0edd3 100644
--- a/docroot/main.js
+++ b/docroot/main.js
@@ -2,6 +2,7 @@
 var scene = new THREE.Scene();
 var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
 var renderer;
+var source;
 var use_webgl = false;
 var use_canvas = false;
 try {
@@ -19,6 +20,9 @@ try {
 if(renderer)
 {
   renderer.setSize( window.innerWidth, window.innerHeight );
+  renderer.domElement.onclick = function() {
+    toggle_the_thingy();
+  };
   document.body.appendChild( renderer.domElement );
 
 //var cube = new THREE.Mesh( geometry, material );
@@ -35,7 +39,7 @@ loader.load("img/alexjones.jpeg", function(tex) {
   cube = new THREE.Mesh( geometry, material );
   scene.add(cube);
 });
-
+  
 }
 
 var composer ;
@@ -142,8 +146,6 @@ function reloadFile(e) {
   }
 }
 
-var source;
-
 function onBuffer (buffer, vid) {
   if(source) source.stop();
   if(vid)
@@ -456,6 +458,11 @@ function stop_the_thingy() {
   if(source) source.stop();
 }
 
+function toggle_the_thingy() {
+  if(source) stop_the_thingy();
+  else play_the_thingy();
+}
+
 function animate () {
 	resizeCanvas();
 	requestAnimationFrame( animate );