bostongfx · VishwajithP2308 · Sep 13, 2022 · Sep 19, 2022 · Sep 20, 2022 · Sep 20, 2022
diff --git a/02/CS460_Assignment02.js b/02/CS460_Assignment02.js
diff --git a/02/CS460_Assignment_02.docx b/02/CS460_Assignment_02.docx
diff --git a/02/index.html b/02/index.html
@@ -0,0 +1,37 @@
+<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" src="CS460_Assignment02.js"></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___Copy_.pdf b/03/CS460_Assignment_03__Copy___Copy_.pdf
diff --git a/03/index.html b/03/index.html
@@ -0,0 +1,141 @@
+<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(8, 20, 24);
+
+					case 1:
+						return new THREE.ConeGeometry(20, 40);		
+					case 2:
+						return new THREE.SphereGeometry(20, 40, 40);
+					case 3:
+						return new THREE.OctahedronGeometry(20);
+					case 4:
+						return new THREE.TorusKnotGeometry(20, 6, 48, 8);
+					case 5:
+						return new THREE.BoxGeometry(10, 10, 10);
+        }
+      }
+
+      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.onclick = 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/03/index03.html b/03/index03.html
@@ -0,0 +1,141 @@
+<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(8, 20, 24);
+
+					case 1:
+						return new THREE.ConeGeometry(20, 40);		
+					case 2:
+						return new THREE.SphereGeometry(20, 40, 40);
+					case 3:
+						return new THREE.OctahedronGeometry(20);
+					case 4:
+						return new THREE.TorusKnotGeometry(20, 6, 48, 8);
+					case 5:
+						return new THREE.BoxGeometry(10, 10, 10);
+        }
+      }
+
+      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.onclick = 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/CS460_Assignment_04__Copy_.pdf b/04/CS460_Assignment_04__Copy_.pdf