bostongfx · Manasa-01 · Sep 12, 2022 · Sep 12, 2022 · Sep 20, 2022 · Sep 20, 2022
diff --git a/02/CS460_Assignment_02 (1).pdf b/02/CS460_Assignment_02 (1).pdf
diff --git a/02/index.html b/02/index.html
@@ -0,0 +1,193 @@
+<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: 5px;
+        padding: 0;
+        height: 100%;
+        overflow: hidden !important;
+
+      }
+
+      #logo {
+        position: absolute;
+        right: 10px;
+        top: 10px;
+      }
+      #position{
+        position: absolute;
+        right: 5000px;
+        top: 5000px;
+      }
+    </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();
+
+      for (i=1; i<8; i++){
+        for(j=3;j<7;j++)
+        {
+
+          c = new X.cube();
+          c.color=[0.5,0,0.5];
+          c.center = [25*i, 25*j,0];
+          r.add(c);
+        }
+      }
+
+     // bottom line of 5 pixels 
+      for (i=2; i<7; i++){
+
+       if(j=2) { 
+      c = new X.cube();
+      c.color=[0.5,0,0.5];
+      c.center = [25*i, 25*j,0];
+      r.add(c);
+       }
+     }
+//topleft of horn
+     for(i=1;i<3;i++){
+      if(j=7){
+      c = new X.cube();
+      c.color=[0.8,0.3,0];
+      c.center = [25*i, 25*j,0];
+      r.add(c);
+      }
+     }
+      // top right of horn
+     for(i=6;i<8;i++){
+      if(j=7){
+      c = new X.cube();
+      c.color=[0.8,0.3,0];
+      c.center = [25*i, 25*j,0];
+      r.add(c);
+      }
+     }
+
+     for(i=1;i<2;i++){
+      if(j=8){
+      c = new X.cube();
+      c.color=[0.8,0.3,0];
+      c.center = [25*i, 25*j,0];
+      r.add(c);
+      }
+     }
+
+     for(i=7;i<8;i++){
+      if(j=8){
+      c = new X.cube();
+      c.color=[0.8,0.3,0];
+      c.center = [25*i, 25*j,0];
+      r.add(c);
+      }
+     }
+
+     // bottom line of 3 pixels 
+     for (i=3; i<6; i++){
+
+       if(j=1) { 
+      c = new X.cube();
+      c.color=[0.5,0,0.5];
+      c.center = [25*i, 25*j,0];
+      r.add(c);
+       }
+     }
+// mouth
+     c = new X.cube();
+      c.color = [0, 0.5, 0.5]
+      c.center = [100,50, 0];
+      r.add(c);
+
+
+
+    //blinking foxeyes
+     let foxeyeblink=true;
+     setInterval
+     (
+        function()
+        {
+          if(foxeyeblink)
+          {
+            for(i=5;i<7;i++){
+      if(j=5){
+      c = new X.cube();
+      c.color=[1.5, 0,0];
+      c.center = [25*i, 25*j,0];
+      r.add(c);
+      r.render();
+      }
+     }
+     for(i=2;i<4;i++){
+      if(j=5){
+      c = new X.cube();
+      c.color=[1.5, 0, 0];
+      c.center = [25*i, 25*j,0];
+      r.add(c);
+      r.render();
+      }
+     }
+     foxeyeblink=false;
+          }
+          else
+          {
+            for(i=5;i<7;i++){
+      if(j=5){
+      c = new X.cube();
+      c.color=[0, 0,0];
+      c.center = [25*i, 25*j,0];
+      r.add(c);
+      r.render();
+      }
+     }
+     for(i=2;i<4;i++){
+      if(j=5){
+      c = new X.cube();
+      c.color=[0, 0, 0];
+      c.center = [25*i, 25*j,0];
+      r.add(c);
+      r.render();
+      }
+     }
+     foxeyeblink=true;
+          }
+
+        },1000 );
+
+      // set camera further away!
+      r.camera.position = [0, 0, 1000];
+
+      // render everything!
+      r.render();
+
+  };
+
+    </script>
+  </head>
+  <body>
+    <h1>CS460 Assignment 2</h1>
+  <div id="logo"><img style="height:60px" src="https://drive.google.com/uc?export=view&id=170VhrY1iJ1i7Ca0Qm7Pj0hUp5THjNvJC"></div>
+    <div class="position">
+      <p>MANASA KONE
+    </p>
+    <div class="position">
+      <p>ID 02010014
+    </p>
+  </body>
+</html>
diff --git a/03/CS460_Assignment_03_.pdf b/03/CS460_Assignment_03_.pdf
diff --git a/03/index.html b/03/index.html
@@ -0,0 +1,156 @@
+<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 );
+
+
+        //
+        // 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,renderer.domElement );
+
+        animate();
+
+
+        //
+        // ACTION!
+        //
+        totalObjects = 0;
+        renderer.domElement.onmousemove = function(e) {
+
+          if (!e.shiftKey) {
+            e.preventDefault();
+            return false;
+          }
+
+          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);
+
+
+          // choose random color
+          colors = ['violet', 'ash', 'blue', 'green', 'red'];
+          random_color = colors[Math.floor((Math.random() * colors.length))];
+
+
+
+          // choose random geometry
+          random_click=  Math.floor((Math.random() * 6));
+          if(random_click==1){
+              geometry = new THREE.BoxGeometry( 20, 20, 20 );
+              material = new THREE.MeshStandardMaterial({ color: random_color }); 
+              mesh = new THREE.Mesh( geometry, material );
+
+          }
+          else if(random_click==2){
+              geometry = new THREE.ConeGeometry( 10, 19 );
+              material = new THREE.MeshStandardMaterial({ color: random_color }); 
+              mesh = new THREE.Mesh( geometry, material );
+          }
+          else if (random_click==3){
+              geometry = new THREE.RingGeometry( 15, 10, 12 );
+              material = new THREE.MeshStandardMaterial({ color: random_color }); 
+              mesh = new THREE.Mesh( geometry, material );
+          }
+          else if(random_click==4)
+          {
+              geometry = new THREE.TorusKnotGeometry( 11, 3, 10, 16 );
+              material = new THREE.MeshStandardMaterial({ color: random_color }); 
+              mesh = new THREE.Mesh( geometry, material );
+          }
+          else if(random_click==5){
+              geometry = new THREE.SphereGeometry( 15, 28, 18 );
+              material = new THREE.MeshStandardMaterial({ color: random_color }); 
+              mesh = new THREE.Mesh( geometry, material );
+          }
+          else if(random_click==6){
+              geometry = new THREE.OctahedronGeometry( 30 );
+              material = new THREE.MeshStandardMaterial({ color: random_color }); 
+              mesh = new THREE.Mesh( geometry, material );
+          }
+            scene.add( mesh );
+
+              mesh.position.set(intersects[0].point.x, intersects[0].point.y,intersects[0].point.z)
+              totalObjects += 1;
+              console.log('Total objects', totalObjects);
+
+        };
+
+
+
+
+      };
+
+      function animate() {
+
+        requestAnimationFrame( animate );
+
+        controls.update();
+        renderer.render( scene, camera );
+
+      };
+
+    </script>
+  </head>
+  <body></body>
+</html>
diff --git a/04/CS460_Assignment_04_.pdf b/04/CS460_Assignment_04_.pdf