bostongfx · vidhathrikasagani · Sep 13, 2022 · Sep 19, 2022 · Sep 19, 2022 · Sep 19, 2022
diff --git a/02/MY_CS460_Assignment_02_VK-3.pdf b/02/MY_CS460_Assignment_02_VK-3.pdf
diff --git a/02/a_2.html b/02/a_2.html
@@ -0,0 +1,107 @@
+<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="https://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();
+
+      draw_row([0,0,0],1, [1,1,1]); // start, howmany, color
+      draw_row([6*25,0,0],1, [1,1,1]);
+
+      draw_row([0,-25,0],2, [1,1,1]);
+      draw_row([5*25,-25,0],2, [1,1,1]);
+
+      draw_row([0,-25*2,0], 7, [1,1,1]);
+
+      eyes = [];
+      draw_row([0,-25*3,0], 1, [1,1,1]);
+      draw_row([25,-25*3,0], 2, [1,1,0], true);
+      draw_row([75,-25*3,0], 1, [1,1,1]);
+      draw_row([100,-25*3,0], 2, [1,1,0], true);
+      draw_row([150,-25*3,0], 1, [1,1,1]);
+
+      draw_row([0,-25*4,0], 7, [1,1,1]);
+      draw_row([0,-25*5,0], 7, [1,0,0]);
+
+      draw_row([25,-25*6,0], 2, [1,1,1]);
+      draw_row([75,-25*6,0], 1, [1,0,0]);
+      draw_row([100,-25*6,0], 2, [1,1,1]);
+
+      draw_row([20,-25*7,0], 6, [1,1,1]);
+      draw_row([20,-25*8,0], 6, [1,1,1]);
+
+
+      r.camera.position = [0,0,1000];
+
+      // render everything!
+      r.render();
+
+      eyesclosed = false;
+      setInterval(function() {
+        if (eyesclosed) {
+          // open the eyes
+          for (e in eyes) { 
+            eyes[e].color = [1,1,0];
+          }
+          eyesclosed = false;
+        } else {
+          // close the eyes
+          for (e in eyes) { 
+            eyes[e].color = [1,1,1];
+          }  
+          eyesclosed = true;
+        }
+
+      },1000);
+
+    };
+
+    function draw_row(start, howmany, color, keeptrack) {
+
+      var gap=2;
+
+      for (var i=0; i<howmany; i++) {
+
+        c = new X.cube();
+        c.color = color;
+        c.center = [start[0]+i*20+i*5, start[1], start[2]];
+        r.add(c);
+        if (keeptrack) {
+          eyes.push(c);
+        }
+
+      }
+
+    }
+
+    </script>
+  </head>
+</html>
diff --git a/03/CS460_Assignment_03_VK-2.pdf b/03/CS460_Assignment_03_VK-2.pdf
diff --git a/03/index.html b/03/index.html
@@ -0,0 +1,131 @@
+<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>
+
+
+      function getRandomColor() {
+
+        function getRandomRGB() {
+				return Math.floor(Math.random()*256);
+			}
+
+				return {color: `rgb(${getRandomRGB()}, ${getRandomRGB()}, ${getRandomRGB()})`};
+			}
+
+      function getRandomGeometry() {
+        function getRandomCase() {
+        return Math.floor(Math.random() * 5)
+        }
+
+        switch(getRandomCase()) {
+          case 0:
+						return new THREE.RingGeometry(10, 20, 24);
+
+					case 1:
+						return new THREE.ConeGeometry(15, 40);		
+					case 2:
+						return new THREE.SphereGeometry(20, 20, 20);
+					case 3:
+						return new THREE.OctahedronGeometry(30);
+					case 4:
+						return new THREE.TorusKnotGeometry(30, 8, 40, 10);
+					case 5:
+						return new THREE.BoxGeometry(15, 15, 15);
+        }
+      }
+
+      var global_counter = 0;
+      window.onload = function() {
+
+        scene = new THREE.Scene();
+
+        fov = 75; /degrees corresponds to up and down that constitutes frustrum/
+        ratio = window.innerWidth / window.innerHeight;
+        zNear = 1;
+        zFar = 10000;
+
+        camera = new THREE.PerspectiveCamera(fov, ratio, zNear, zFar);
+        camera.position.set( 0, 0, 500);
+        renderer = new THREE.WebGLRenderer();
+        renderer.setSize( window.innerWidth, window.innerHeight );
+        document.body.appendChild(renderer.domElement );
+        geometry = new THREE.PlaneGeometry( 10000, 10000 );
+        material = new THREE.MeshBasicMaterial( {
+          visible: false
+        });
+
+        invisible_plane = new THREE.Mesh( geometry, material);
+        scene.add(invisible_plane);
+        renderer.domElement.onmousemove = function( e ){
+
+            if(!e.shiftKey) return false;
+
+            pixel_coords = new THREE.Vector2( e.clientX, e.clientY);
+
+            vp_coords = new THREE.Vector2( 
+                        ( pixel_coords.x / window.innerWidth ) * 2 - 1,  
+                        -( pixel_coords.y / window.innerHeight ) * 2 + 1) 
+
+            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);
+            p = intersects[0].point;
+
+            geometry = getRandomGeometry();
+            material = new THREE.MeshStandardMaterial(getRandomColor());
+            cube = new THREE.Mesh( geometry, material);
+            scene.add(cube);
+            cube.position.set(p.x, p.y, p.z);
+            global_counter++;
+            console.log(global_counter);
+
+          };
+
+        ambientLight = new THREE.AmbientLight( 0x404040 );
+        scene.add( ambientLight );
+
+        light = new THREE.DirectionalLight( 0xd2ded2, 5.0);
+        light.position.set( 20, 100, 20 );
+        scene.add(light);
+
+        geometry = new THREE.BoxGeometry( 40, 40, 40);
+        material = new THREE.MeshStandardMaterial(getRandomColor());
+        cube = new THREE.Mesh( geometry, material);
+        scene.add(cube);
+
+        controls = new THREE.TrackballControls( camera, renderer.domElement );
+
+        animate();
+
+      };
+
+      function animate() {
+
+        requestAnimationFrame( animate );
+
+
+
+        controls.update();
+
+
+        renderer.render( scene, camera);
+
+      };
+    </script>
+  </head>
+  <body></body>
+</html>
diff --git a/04 b/04
@@ -0,0 +1 @@
+
diff --git a/07/CS460_Assignment_07__Copy_ (1).pdf b/07/CS460_Assignment_07__Copy_ (1).pdf
diff --git a/07/CS460_Assignment_07__Copy_.pdf b/07/CS460_Assignment_07__Copy_.pdf
diff --git a/07/Screenshot.png b/07/Screenshot.png
diff --git a/07/board.jpg b/07/board.jpg
diff --git a/07/helper.js b/07/helper.js
@@ -0,0 +1,70 @@
+HELPER = {};
+
+HELPER.cylinderSkeletonMesh = function(howmany, howwide, color) {
+
+  var segmentheight = 10; 
+  var height = segmentheight * howmany;
+
+  var geometry = new THREE.CylinderBufferGeometry(
+    howwide, 
+    howwide, 
+    height, 
+    8, 
+    howmany * 3, 
+    true 
+  );
+
+  var position = geometry.attributes.position;
+
+  var vertex = new THREE.Vector3();
+
+  var skinIndices = [];
+  var skinWeights = [];
+
+  for ( var i = 0; i < position.count; i ++ ) {
+
+    vertex.fromBufferAttribute( position, i );
+
+    var y = ( vertex.y + height / 2 );
+
+    var skinIndex = Math.floor( y / segmentheight );
+    var skinWeight = ( y % segmentheight ) / segmentheight;
+
+    skinIndices.push( skinIndex, skinIndex + 1, 0, 0 );
+    skinWeights.push( 1 - skinWeight, skinWeight, 0, 0 );
+
+  }
+
+  geometry.setAttribute( 'skinIndex', new THREE.Uint16BufferAttribute( skinIndices, 4 ) );
+  geometry.setAttribute( 'skinWeight', new THREE.Float32BufferAttribute( skinWeights, 4 ) );
+
+
+  var material = new THREE.MeshStandardMaterial( {
+    skinning: true, 
+    color: color,
+    side: THREE.DoubleSide,
+    flatShading: true
+  } );
+
+
+  var bones = [];
+
+
+  var parentbone = new THREE.Bone();
+
+  bones.push(parentbone);
+
+  for (var i=0; i< howmany; i++) {
+
+    var currentbone = new THREE.Bone();
+    currentbone.position.y = segmentheight;
+
+    parentbone.add(currentbone);
+    bones.push(currentbone);    
+    parentbone = currentbone;
+
+  }
+
+  return [geometry, material, bones];
+
+};