/
graphics.html
116 lines (103 loc) · 6.04 KB
/
graphics.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Graphics - Matthew Radtke</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="./css/style.css" />
<link rel='icon' href='./images/favicon.ico' type='image/x-icon' />
</head>
<body>
<div class="container body-content">
<!--Menu-->
<div class="mainHead">
<h1 id="home">Matthew Radtke</h1>
</div>
<!--Sticky menu-->
<nav style="float:right;">
<ul style="margin-bottom:0;">
<li class="menuList"><a href="index.html#home">Home</a></li>
<li class="menuList"><a href="index.html#about">About</a></li>
<li class="menuList"><a href="index.html#projects">Projects</a></li>
<li class="menuList"><a href="index.html#experience">Experience</a></li>
<li class="menuList"><a href="index.html#education">Education</a></li>
<li class="menuList"><a href="index.html#contact">Contact</a></li>
</ul>
<hr style="margin-bottom:0;" />
</nav>
<div class="headerClass" id="projects">
<h2>Graphics Projects</h2>
<div class="bodyClass">
<div class="info">
<h4>
<a href="p1.html">Introduction Assignment</a>
</h4>
<p>
This is the first project that started our computer graphics journey.
</p>
</div>
<div class="info">
<h4>
<a href="p2.html">Hierarchical Modeling - Simple 2D</a>
</h4>
<p>
In this project, we first began to see how hierarchical modeling works inside a graphics environment.
</p>
</div>
<div class="info">
<h4>
<a href="p3.html">Hierarchical Modeling - Simple 3D</a>
</h4>
<p>
In this project, we first began to see how hierarchical modeling works inside a graphics environment.
</p>
</div>
<div class="info">
<h4>
<a href="p4.html">A complete 3D viewing Pipeline</a>
</h4>
<p>
You will create 3D animation using the JavaScript 2D canvas. We have approached this goal before, in our previous assignments, but this time you will be exposed to all pieces of the pipeline (3D transformations, viewing transformation, visibility, etc) even more thoroughly. This time you will draw solid objects (filling triangles). You will also implement a simple visibility algorithm (painter's algorithm), and optionally experiment with normal computations and shading.
</p>
</div>
<div class="info">
<h4><a href="https://goo.gl/5HavXU">Simple</a> and <a href="https://goo.gl/Rt5TZJ">Fancy</a> Shader Programs</h4>
<p>
Here we first began to work look at and understand the graphics pipeline by taking advantage of the GPU. This was accomplished by writing vertex and fragment shaders to get a better understanding of how all of these things fit together.
</p>
</div>
<div class="info">
<h4>
<a href="p6.html">WebGL intro Program</a>
</h4>
<p>
Learning Objective: To help you understand how the principles of the graphics pipeline materialize into a concrete drawing task, and understand how WebGL enables you to formalize and orchestrate this process. The important next step that you will take in this assignment is to understand how they fit within the broader WebGL API (and the rest of your JavaScript application).
</p>
</div>
<div class="info">
<h4>
<a href="./GraphicsTown/p7.html">Graphics Town</a>
</h4>
<p>
The final project for my Computer Graphics class at UW-Madison. It required us to implement almost all the concepts learned in the class across the entire semester. A framework was provided that allowed the students to program in models into the "Graphics Town".
</p>
<p>
Concepts applied include: Texturing, Texture coordinates, multi textured surfaces, bump mapping, programming 3D models, 3D modelling transforms and basic transforms via TWGL, working with WebGL, fragment/vertex shader programming, creating a Skybox, and hermite curves.
</p>
</div>
</div>
</div>
<hr />
<footer>
<p>© 2019 - Matthew Radtke</p>
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://graphics.cs.wisc.edu/JS/twgl-full.min.js"></script>
<script src="./js/site.js"></script>
</body>
</html>