-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
138 lines (125 loc) · 5.79 KB
/
index.html
File metadata and controls
138 lines (125 loc) · 5.79 KB
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!--index -->
<!DOCTYPE html>
<html lang="en">
<!-- boostrap template for a standard website -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="Website for a DAS project">
<meta name="author" content=" Natalie Rumak">
<!-- icon on the page -->
<link rel="icon" href="https://maxcdn.icons8.com/iOS7/PNG/25/Animals/wolf-25.png">
<title>3D Texture Mapping</title>
<!-- Bootstrap core CSS -->
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="starter-template.css" rel="stylesheet">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="../../assets/js/ie-emulation-modes-warning.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<p class="navbar-left"><img src="https://maxcdn.icons8.com/iOS7/PNG/25/Astrology/waxing_crescent-25.png" title="Waxing Crescent" width="25"></p>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="references.html">References</a></li>
<li><a href="presentation.html">Presentation</a></li>
<li><a href="team.html">Team</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class = "text-center">
<h1>Welcome to 3D Texture Mapping!</h1>
<hr>
<img src="./img/1.jpg"></img>
</div>
</div><!-- /.container -->
<br>
<div class = "container">
<div class="row text-center">
<div class="col-md-6">
<div class="container-content">
<div class="panel panel-default">
<div class="panel-body">
<h2>Bump Mapping</h2>
<img src="./img/2.jpg">
<p>Bump mapping is a technique to simulate bumps and wrinkles on the surface of an object. This simulation is achieved by perturbing the surface normals of the object and using the perturbed normal during lighting calculations.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="container-content">
<div class="panel panel-default">
<div class="panel-body">
<h2>Displacement Mapping</h2>
<img src="./img/3.JPG">
<p>Displacement mapping is an alternative computer graphics technique in which it uses a (procedural-) texture- or height map to cause an effect where the actual geometric position of points over the textured surface are displaced. It gives surfaces a great sense of depth and detail, permitting self-occlusion, self-shadowing and silhouettes. </p>
</div>
</div>
</div>
</div>
</div>
<div class="row text-center">
<div class="col-md-6">
<div class="container-content">
<div class="panel panel-default">
<div class="panel-body">
<h2>Relief Mapping</h2>
<img src="./img/5.jpg">
<p>Relief Mapping is a texture mapping technique that can produce accurate depictions of self-occlusion,self-shadowing, and parallax.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="container-content">
<div class="panel panel-default">
<div class="panel-body">
<h2>Normal Mapping</h2>
<img src="./img/6.jpg">
<p>Normal mapping is an implementation of bump mapping. It is a technique that is used to add details without making the surface of an object more complex. It is commonly used to enhance the appearance and details of a low polygon model by generating a normal map from a high polygon model.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="container">
<center><p><a href="presentation.html" class="btn btn-default btn-lg">Learn More</a></p></center>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>