From 593d9bb5e8ddf56343d6d18a13773c687f44ab5a Mon Sep 17 00:00:00 2001 From: Darren Wang Date: Sun, 11 Feb 2024 23:51:17 -0800 Subject: [PATCH] Writing for HW1 --- hw1/index.html | 175 +++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 169 insertions(+), 6 deletions(-) diff --git a/hw1/index.html b/hw1/index.html index a7458a3..de713e8 100644 --- a/hw1/index.html +++ b/hw1/index.html @@ -1,7 +1,170 @@ - - - - Homework 1 index.html here - - \ No newline at end of file + + + + Homework 1 Report + + + + +
+

Report for Homework 1: Rasterizer

+

Date: Feb 11, 2024

+

+ Group Member: + Darren Wang, + Jiayi Xu +

+
+ +
+

Overview

+

+ In this assignment you will implement a simple rasterizer, including + features like drawing triangles, supersampling, hierarchical transforms, + and texture mapping with antialiasing. +

+
+ +
+

Task 1: Drawing Single-Color Triangles (20 pts)

+

Solution Walk Though

+

+ In this task, we implemented a naive algorithm for pixel sampling within + triangle shapes. Initially, we utilized the provided helper function + rasterize_line + to draw the edges of the triangles. Subsequently, we determined the + position of the smallest bounding rectangle around the triangle. We then + iterated through every pixel within that rectangle, applying the + Barycentric Coordinate method to ascertain whether each pixel resides + inside the triangle and should be colored. +

+

Optimization

+

One way that we did to optimize the

+

Usage

+

+ Barycentric coordinates are commonly used in computer graphics, + particularly in rendering techniques such as triangle interpolation and + texture mapping. +

+
+ +
+

Task 2: Drawing Single-Color Triangles (20 pts)

+ +
+ +
+

Task 3: Transforms (10 pts)

+

+ created a cubeman in running posture by doing the following operations. +

+ +
+ +
+

Task 5: "Pixel sampling" for texture mapping (15 pts)

+ +
+ +
+

+ Task 6: "Level sampling" with mipmaps for texture mapping (25 pts) +

+ +

+ Level sampling is a technique used in computer graphics for efficient + rendering. It involves sampling pixels at different levels of detail, + starting with a coarse level and gradually refining to finer levels. + This approach balances computational resources with image quality, + optimizing the rendering process for various levels of complexity in + scenes. +

+ + +
+ +