hw1

cal-cs184-student · Feb 17, 2024 · 783e13f · 783e13f
1 parent 01d1cfe
commit 783e13f
Show file tree

Hide file tree

Showing 25 changed files with 184 additions and 7 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/hw1/.DS_Store b/hw1/.DS_Store
diff --git a/hw1/images/.DS_Store b/hw1/images/.DS_Store
diff --git a/hw1/images/L_NEAREST and P_LINEAR.png b/hw1/images/L_NEAREST and P_LINEAR.png
diff --git a/hw1/images/L_NEAREST and P_NEAREST.png b/hw1/images/L_NEAREST and P_NEAREST.png
diff --git a/hw1/images/L_ZERO and P_LINEAR.png b/hw1/images/L_ZERO and P_LINEAR.png
diff --git a/hw1/images/L_ZERO and P_NEAREST.png b/hw1/images/L_ZERO and P_NEAREST.png
diff --git a/hw1/images/image1.png b/hw1/images/image1.png
diff --git a/hw1/images/image2.png b/hw1/images/image2.png
diff --git a/hw1/images/image3.png b/hw1/images/image3.png
diff --git a/hw1/images/image4.png b/hw1/images/image4.png
diff --git a/hw1/images/task11.png b/hw1/images/task11.png
diff --git a/hw1/images/task12.png b/hw1/images/task12.png
diff --git a/hw1/images/task21.png b/hw1/images/task21.png
diff --git a/hw1/images/task22.png b/hw1/images/task22.png
diff --git a/hw1/images/task23.png b/hw1/images/task23.png
diff --git a/hw1/images/task31.png b/hw1/images/task31.png
diff --git a/hw1/images/task41.png b/hw1/images/task41.png
diff --git a/hw1/images/task42.png b/hw1/images/task42.png
diff --git a/hw1/images/task51.png b/hw1/images/task51.png
diff --git a/hw1/images/task52.png b/hw1/images/task52.png
diff --git a/hw1/images/task53.png b/hw1/images/task53.png
diff --git a/hw1/images/task54.png b/hw1/images/task54.png
diff --git a/hw1/index.html b/hw1/index.html
@@ -1,7 +1,96 @@
-<html>
-	<head>
-	</head>
-	<body>
-		Homework 1 index.html here
-	</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<style>
+  body {
+    padding: 100px;
+    width: 1000px;
+    margin: auto;
+    text-align: left;
+    font-weight: 300;
+    font-family: 'Open Sans', sans-serif;
+    color: #121212;
+  }
+  h1, h2, h3, h4 {
+    font-family: 'Source Sans Pro', sans-serif;
+  }
+</style>
+<title>CS 184/284A Rasterizer</title>
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<link href="https://fonts.googleapis.com/css?family=Open+Sans|Source+Sans+Pro" rel="stylesheet">
+</head>
+
+
+<body>
+
+<h1 align="middle">CS 184/284A: Computer Graphics and Imaging, Spring 2024</h1>
+<h1 align="middle">Homework 1: Rasterizer</h1>
+<h2 align="middle">YOUR NAME</h2>
+
+<br><br>
+
+<div>
+
+<h2 align="middle">Overview</h2>
+<p>Give a high-level overview of what you implemented in this homework Think about what you've built as a whole. Share your thoughts on what interesting things you've learned from completing the homework.</p>
+
+<h2 align="middle">Section I: Rasterization</h2>
+
+<h3 align="middle">Part 1: Rasterizing single-color triangles</h3>
+
+<p>Here is an example 2x2 gridlike structure using an HTML table. Each <b>tr</b> is a row and each <b>td</b> is a column in that row. You might find this useful for framing and showing your result images in an organized fashion.</p>
+
+<div align="middle">
+  <table style="width=100%">
+    <tr>
+      <td>
+        <img src="images/image1.png" align="middle" width="400px"/>
+        <figcaption align="middle">Caption goes here.</figcaption>
+      </td>
+      <td>
+        <img src="images/image2.png" align="middle" width="400px"/>
+        <figcaption align="middle">Caption goes here.</figcaption>
+      </td>
+    </tr>
+    <br>
+    <tr>
+      <td>
+        <img src="images/image3.png" align="middle" width="400px"/>
+        <figcaption align="middle">Caption goes here.</figcaption>
+      </td>
+      <td>
+        <img src="images/image4.png" align="middle" width="400px"/>
+        <figcaption align="middle">Caption goes here.</figcaption>
+      </td>
+    </tr>
+  </table>
+</div>
+
+
+<h3 align="middle">Part 2: Antialiasing triangles</h3>
+
+
+
+<h3 align="middle">Part 3: Transforms</h3>
+
+
+
+<h2 align="middle">Section II: Sampling</h2>
+
+<h3 align="middle">Part 4: Barycentric coordinates</h3>
+
+
+<h3 align="middle">Part 5: "Pixel sampling" for texture mapping</h3>
+
+
+<h3 align="middle">Part 6: "Level sampling" with mipmaps for texture mapping</h3>
+
+
+
+<h2 align="middle">Section III: Art Competition</h2>
+<p>If you are not participating in the optional art competition, don't worry about this section!</p>
+
+<h3 align="middle">Part 7: Draw something interesting!</h3>
+
+</body>
+</html>
diff --git a/hw1/my_robot.svg b/hw1/my_robot.svg