bostongfx · nolan123456789 · Sep 9, 2019 · Sep 9, 2019 · Sep 11, 2019 · Sep 16, 2019
diff --git a/01/CS460_Assignment_01__Copy_.pdf b/01/CS460_Assignment_01__Copy_.pdf
diff --git a/02/CS460_Assignment_02__Copy_ (1).pdf b/02/CS460_Assignment_02__Copy_ (1).pdf
diff --git a/02/index.html b/02/index.html
@@ -0,0 +1,126 @@
+ <html>
+  <head>
+    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
+    <meta content="utf-8" http-equiv="encoding">
+    <title>CS460 Assignment 2</title>
+    <style>
+      body {
+        background-color: black;
+        color: white; /* font color */
+        font-family: sans-serif;
+        margin: 0;
+        padding: 0;
+        height: 100%;
+        overflow: hidden !important;
+      }
+
+      #logo {
+        position: absolute;
+        right: 10px;
+        top: 10px;
+      }
+    </style>
+
+    <script type="text/javascript" src="http://get.goXTK.com/xtk_edge.js"></script>
+
+    <script type="text/javascript">
+
+    window.onload = function() {
+
+      // this gets called when the site is ready
+
+      // create a new scene and renderer
+      r = new X.renderer3D();
+      r.init();
+
+      for(var x = 0; x < 7; x++){
+          c = new X.cube();
+          c.center =[x * 5, 0 , 0];
+          c.lengthX= c.lengthY = c.lengthZ = 4;
+          if (x>1&&x<5)
+            r.add(c)
+        }
+      for(var x = 0; x < 7; x++){
+          c = new X.cube();
+          c.center =[x * 5, 5 , 0];
+          c.lengthX= c.lengthY = c.lengthZ = 4;
+          if (x==3)
+            c.color=[255,0,0]
+          if(x>0&&x<6)
+          r.add(c)
+        }
+      for(var x = 0; x < 7; x++){
+          c = new X.cube();
+          c.center =[x * 5, 10 , 0];
+          c.lengthX= c.lengthY = c.lengthZ = 4;
+          r.add(c)
+        }
+      for(var x = 0; x < 7; x++){
+          c = new X.cube();
+          c.center =[x * 5, 15 , 0];
+          c.lengthX= c.lengthY = c.lengthZ = 4;
+          r.add(c)
+        }
+      for(var x = 0; x < 7; x++){
+          c = new X.cube();
+          c.center =[x * 5, 20 , 0];
+          c.lengthX= c.lengthY = c.lengthZ = 4;
+          if(x==1||x==2||x==4||x==5)
+            c.color=[0,0,255]
+          r.add(c)
+        }
+      for(var x = 0; x < 7; x++){
+          c = new X.cube();
+          c.center =[x * 5, 25 , 0];
+          c.lengthX= c.lengthY = c.lengthZ = 4;
+          r.add(c)
+        }
+      for(var x = 0; x < 7; x++){
+          c = new X.cube();
+          c.center =[x * 5, 30 , 0];
+          c.lengthX= c.lengthY = c.lengthZ = 4;
+          if(x<2||x>4)
+          r.add(c)
+        }
+      for(var x = 0; x < 7; x++){
+          c = new X.cube();
+          c.center =[x * 5, 35 , 0];
+          c.lengthX= c.lengthY = c.lengthZ = 4;
+          if(x<1||x>5)
+          r.add(c)
+      } 
+
+      setInterval(function(){
+        for(var x = 0; x < 7; x++){
+          c = new X.cube();
+          c.center =[x * 5, 20 , 0];
+          c.lengthX= c.lengthY = c.lengthZ = 4;
+          if(x==1||x==2||x==4||x==5)
+            c.color=[255,255,255]
+          r.add(c)
+        }},1000);
+      setInterval(function(){
+        for(var x = 0; x < 7; x++){
+          c = new X.cube();
+          c.center =[x * 5, 20 , 0];
+          c.lengthX= c.lengthY = c.lengthZ = 4;
+          if(x==1||x==2||x==4||x==5)
+            c.color=[0,0,255]
+          r.add(c)
+        }},2000);
+
+      // set camera further away!
+      r.camera.position = [0, 0, 100];
+
+      // render everything!
+      r.render();
+
+    };
+
+    </script>
+  </head>
+  <body>
+    <h1>CS460 Assignment 2</h1>
+    <div id="logo"><img style="height:60px" src="gfx/cs460.png"></div>
+  </body>
+</html>
diff --git a/03/CS460_Assignment_03__Copy_.pdf b/03/CS460_Assignment_03__Copy_.pdf
diff --git a/03/index.html b/03/index.html
@@ -0,0 +1,139 @@
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <style>
+      html, body { 
+        background-color:#000;
+        margin: 0;
+        padding: 0;
+        height: 100%;
+        overflow: hidden !important;  
+      }
+    </style>
+    <script src="https://threejs.org/build/three.min.js" type="text/javascript"></script>
+    <script src="https://threejs.org/examples/js/controls/TrackballControls.js" type="text/javascript"></script>
+    <script>
+      window.onload = function() {
+        scene = new THREE.Scene();
+        fov = 75;
+        ratio = window.innerWidth / window.innerHeight;
+        zNear = 1;
+        zFar = 10000;
+        // console.log(ratio);
+        camera = new THREE.PerspectiveCamera(fov, ratio, zNear, zFar);
+        camera.position.set( 0, 0, 100);
+        renderer = new THREE.WebGLRenderer();
+        renderer.setSize( window.innerWidth, window.innerHeight );
+        document.body.appendChild( renderer.domElement );
+
+        ambientLight = new THREE.AmbientLight();
+        scene.add( ambientLight );
+        light = new THREE.DirectionalLight( 0xffffff, 5.0 );
+        light.position.set( 10, 100, 10 );
+        scene.add( light );
+        // now we add the cube
+        // geometry = new THREE.BoxBufferGeometry( 20, 20, 20);
+        // material = new THREE.MeshStandardMaterial({ color: 0xffffff });
+        // cube = new THREE.Mesh( geometry, material);
+        // scene.add(cube);
+        //
+        // The invisible plane
+        //
+        geometry = new THREE.PlaneBufferGeometry( 10000, 10000 );
+        material = new THREE.MeshBasicMaterial( {
+          visible: false
+        });
+        invisible_plane = new THREE.Mesh( geometry, material );
+        scene.add( invisible_plane );
+        //
+        //
+        //
+        controls = new THREE.TrackballControls( camera );
+        animate();
+        //
+        // ACTION!
+        //
+        var count = 0;
+        renderer.domElement.onmousemove = function(e) {
+          if (!e.shiftKey) {
+            e.preventDefault();
+            return false;
+          }
+          var a = Math.floor(Math.random()*Math.floor(6)); 
+
+          switch(a){
+            case 0:
+            var geometry = new THREE.BoxBufferGeometry( 5, 5, 5 );
+            var material = new THREE.MeshBasicMaterial( {color: 0x30a9de} );
+            var cube = new THREE.Mesh( geometry, material );
+            scene.add( cube );
+            break;
+            case 1:
+            var geometry = new THREE.TorusBufferGeometry( 10, 3, 16, 100 );
+            var material = new THREE.MeshBasicMaterial( { color: 0x30a9de } );
+            var cube = new THREE.Mesh( geometry, material );
+            scene.add( cube );
+            break;
+            case 2:
+            var x = 0, y = 0;
+            var heartShape = new THREE.Shape();
+            heartShape.moveTo( x + 5, y + 5 );
+            heartShape.bezierCurveTo( x + 5, y + 5, x + 4, y, x, y );
+            heartShape.bezierCurveTo( x - 6, y, x - 6, y + 7,x - 6, y + 7 );
+            heartShape.bezierCurveTo( x - 6, y + 11, x - 3, y + 15.4, x + 5, y + 19 );
+            heartShape.bezierCurveTo( x + 12, y + 15.4, x + 16, y + 11, x + 16, y + 7 );
+            heartShape.bezierCurveTo( x + 16, y + 7, x + 16, y, x + 10, y );
+            heartShape.bezierCurveTo( x + 7, y, x + 5, y + 5, x + 5, y + 5 );
+            var geometry = new THREE.ShapeBufferGeometry( heartShape );
+            var material = new THREE.MeshBasicMaterial( { color: 0xe53a40 } );
+            var cube = new THREE.Mesh( geometry, material ) ;
+            scene.add( cube );
+            break;
+            case 3:
+            var geometry = new THREE.ConeBufferGeometry( 5, 20, 32 );
+            var material = new THREE.MeshBasicMaterial( {color: 0x75d701} );
+            var cube = new THREE.Mesh( geometry, material );
+            scene.add( cube );
+            break;
+            case 4:
+            var geometry = new THREE.RingBufferGeometry( 1, 5, 32 );
+            var material = new THREE.MeshBasicMaterial( { color: 0x5c196b, side: THREE.DoubleSide } );
+            var cube = new THREE.Mesh( geometry, material );
+            scene.add( cube );
+            break;
+            case 5:
+            var geometry = new THREE.OctahedronBufferGeometry( 5 );;
+            var material = new THREE.MeshBasicMaterial( { color: 0xfc913a} );
+            var cube = new THREE.Mesh( geometry, material );
+            scene.add( cube );
+            break;
+          }  
+          console.log('yes! you clicked!');
+          pixel_coords = new THREE.Vector2( e.clientX, e.clientY );
+          console.log('Pixel coordinates', pixel_coords);
+          vp_coords = new THREE.Vector2( ( pixel_coords.x / window.innerWidth ) * 2 - 1,
+                                        -( pixel_coords.y / window.innerHeight ) * 2 + 1);
+          console.log('Viewport coordinates', vp_coords);
+          vp_coords_near = new THREE.Vector3( vp_coords.x, vp_coords.y, 0);
+          raycaster = new THREE.Raycaster();
+          raycaster.setFromCamera(vp_coords_near, camera);
+          intersects = raycaster.intersectObject(invisible_plane);
+          console.log('Ray to Invisible Plane', intersects[0].point);
+
+          count = count + 1;
+          console.log(count);
+          // update cube position
+          cube.position.set(intersects[0].point.x, intersects[0].point.y, intersects[0].point.z);
+
+        };
+
+      };
+      function animate() {
+        requestAnimationFrame( animate );
+        controls.update();
+        renderer.render( scene, camera );
+      };
+    </script>
+  </head>
+  <body></body>
+</html>
diff --git a/04/CS460_Assignment_04__Copy_.pdf b/04/CS460_Assignment_04__Copy_.pdf