-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathweek3.html
186 lines (179 loc) · 15.9 KB
/
week3.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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Demircan Tas - How to Make Almost Anything</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<!-- Sets up maximum width
<style>
div{
max-width: 960px;
min-width: None;
background-color: powderblue;
}
</style>
-->
<!--The CSS code prevents images from being larger than the browser window-->
</head>
<body>
<div class="d-flex" id="wrapper">
<!-- Sidebar-->
<div class="border-end bg-white" id="sidebar-wrapper">
<div class="sidebar-heading border-bottom bg-light">Demircan Tas</div>
<div class="list-group list-group-flush">
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="final.html">Final - Rover</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="week1.html">Week 1 - Cutting</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="week2.html">Week 2 - PCB's</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="week3.html">Week 3 - 3D Scan & Print</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="week4.html">Week 4 - Circuit Board Design</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="week5.html">Week 5 - CNC Machining</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="week6.html">Week 6 - Embedded Programming</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="week7.html">Week 7 - Molding and Casting</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="week8.html">Week 8 - Inputs</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="week9.html">Week 9 - Outputs</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="week10.html">Week 10 - Networking</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="week11.html">Week 11 - Interfaces</a>
</div>
</div>
<!-- Page content wrapper-->
<div id="page-content-wrapper">
<!-- Top navigation-->
<nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
<div class="container-fluid">
<button class="btn btn-primary" id="sidebarToggle">Toggle Menu</button>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mt-2 mt-lg-0">
<li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#!">Link</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#!">Action</a>
<a class="dropdown-item" href="#!">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#!">Something else here</a>
</div>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page content-->
<div class="container-fluid">
<h1 class="mt-4">Week 3 - 3D scanning, 3D Printing</h1>
<h2>3D Scanning, Photogrammetry</h2>
<p>There is a really nice rock near Media Lab, and even enough sunlight to shoot sharp pictures. However, lack of clouds leads to harsh shadows which later became an issue.</p>
<img src="assets/week3/DSC02075.JPG", alt = "A rock! How fascinating!", width="640">
<p>I shot 41 pictures with a Sony A6000 with the 16-50 mm kit lens at its widest field of view. 1/1000, F 8.0, ISO 256 - 2000. No motion blur, nice sharp focus, and very little to no noise in the shadows. I then took all pictures to Agisoft Metashape, this was my first time using version 1.7.1. The interesting result is that default settings came out far better than my good old workflow.</p>
<video width="640" height="480" autoplay muted loop>
<source src="assets/week3/photogrammetry_rock1.mp4" type="video/mp4">
</video>
<p>I deleted the ground and closed the holes in ZBrush. In addition to the bottom of the rock, there were some large holes in the shadow areas, but this is the price to pay when shooting under a clear sky.</p>
<img src="assets/week3/zbrush_delete_ground.JPG" alt="delete ground", width="640">
<img src="assets/week3/zbrush_close_holes.JPG" alt="close holes", width="640">
<p>I want to get a game asset from this rock, so 11,324,699 polygons is a tad too many. On the other hand, I want to preserve as much of the surface detail as possible. To reduce file size, and preserve details, I decided to bake displacement maps. Since time is limited, I used an automatic retopology and UV unfold workflow.</p>
<p>This is a technique I picked up and modified during my computer graphics career. Zbrush has a dynamesh command that arranges surface topology into quads and triangles of similar scale. ZRemesher creates a topology out of quads with a half-decent edge flow. Both steps result in a lower polygon mesh with lost surface detail. However, a surface made of quads can be subdivided with a Catmull-Clark algorithm, resulting in smooth surfaces and higher polygon counts.</p>
<p>Fortunately, Pixar released their implementation of subdivision as Open Subdiv. So, it is possible to subdivide in different software and get the exact same results. By creating a 2 dimensional representation in UV space, it is possible to transfer all the surface details from a million poly mesh to a megapixel image that need far less memory.</p>
<img src="assets/week3/zbrush_topo.JPG" alt="zbt", width="640">
<img src="assets/week3/zbrush_topo1.JPG" alt="zbt1", width="640">
<img src="assets/week3/zbrush_topo2.JPG" alt="zbt2", width="640">
<img src="assets/week3/zbrush_topo3.JPG" alt="zbt3", width="640">
<img src="assets/week3/zbrush_topo4.JPG" alt="zbt4", width="640">
<p>Baking results in a low poly mesh, and a displacement map, which are the ingredients you can use with Open Subdiv and displacement mapping to generate all the detail you want at render time. This is a relatively old-school method, but studios do not like to share their secrets.</p>
<!--Change video to mp4-->
<video width="640" height="480" autoplay muted loop>
<source src="assets/week3/2021-09-30 14-05-51.mp4" type="video/mp4">
</video>
<br>
<img src="assets/week3/maya_polycount_vs_size.JPG" alt="lightweight", width="640">
<p>I also baked the (pseudo) diffuse reflecation map using xNormal (this is an immensely underrated free software for baking texture maps). It is possible to generate channels for specular reflections and surface roughness from diffuse (results are not accurate technically but are convincing visually).</p>
<img src="assets/week3/bake.JPG" alt="baked", width="640">
<img src="assets/week3/baked_diffuse.JPG" alt="baked", width="640">
<img src="assets/week3/baked_disp.JPG" alt="baked", width="640">
<img src="assets/week3/baked_hypershade.JPG" alt="baked", width="640">
<img src="assets/week3/baked_specular.JPG" alt="baked", width="640">
<img src="assets/week3/baked_roughness.JPG" alt="baked", width="640">
<img src="assets/week3/baked_material.JPG" alt="baked", width="640">
<p>The above image results from a physically based 4 channel material, and image based lighting. Not too bad for half a day's work.</p>
<hr>
<p>I tried to also scan a banana, and experimented with placing the fruit on a surface that would be harder to scan.</p>
<img src="assets/week3/DSC02153.JPG" alt="banana", width="640">
<p>I hoped that the refractive/reflective base surface would make ground removal easier.</p>
<img src="assets/week3/banana_mess.JPG" alt="banana mess", width="640">
<img src="assets/week3/banana_mess1.JPG" alt="banana mess1", width="640">
<p>Banana did not comply.</p>
<p>The model was terrible, and had a huge gash, even after combining 2 scans of different sides. Auto retopology does not have an imagination, so I did manual retopology. I had to go completely old school, even unfolding UV's manually</p>
<img src="assets/week3/banana_retopo.JPG" alt="retopo", width="640">
<img src="assets/week3/banana_uv.JPG" alt="UV", width="640">
<img src="assets/week3/banana_uv_unfold.JPG" alt="unfold", width="640">
<br>
<p>I have a rock, and a banana prop, all in a day's work. So cheers!.</p>
<img src="assets/week3/barock_start.JPG" alt="barock", width="640">
<br>
<h2>3D Printing & Design</h2>
<p>I now have a lightweight rock prop with nice topology, and fine surface detail.</p>
<video width="640" height="480" autoplay muted loop>
<source src="assets/week3/2021-09-30 14-06-38.mp4" type="video/mp4">
</video>
<video width="640" height="480" autoplay muted loop>
<source src="assets/week3/2021-09-30 14-36-06.mp4" type="video/mp4">
</video>
<p>Pixar developed this method to make models easy to deform and animate. So you can do things like this:</p>
<video width="640" height="480" autoplay muted loop>
<source src="assets/week3/2021-09-30 19-41-31.mp4" type="video/mp4">
</video>
<p>By utilizing Maya's deformer channels in parametric design, it is easy to generate crazy forms.</p>
<video width="640" height="480" autoplay muted loop>
<source src="assets/week3/rock_morph.mp4" type="video/mp4">
</video>
<img src="assets/week3/generative.JPG" alt="generative design", width="640">
<p>Deformations and symmetry result in shapes that feel organic. So I decided to turn it into a crab with bananas for legs.</p>
<img src="assets/week3/barock_result.JPG" alt="result", width="640">
<p>I was concerned about the leg connections breaking after 3d printing, so I modified them in ZBrush.</p>
<video width="640" height="480" autoplay muted loop>
<source src="assets/week3/crabby.mp4" type="video/mp4">
</video>
<p>PLA printing was eventless, usual stuff with support cleaning etc. However, I am not satisfied with the lack of detail, especially on the rock surface.</p>
<img src="assets/week3/IMG_20211002_104844.jpg" alt="print", width="640">
<img src="assets/week3/IMG_20211002_110331.jpg" alt="print", width="640">
<img src="assets/week3/IMG_20211002_111224.jpg" alt="support cleaning", width="640">
<img src="assets/week3/IMG_20211002_111735.jpg" alt="final result", width="640">
<p>I also wanted to try powder printing. I found out that the resulting prints are far more brittle (broke one of the legs), and that it is a good idea to enamel the prints with epoxy which I have not yet tried. However, details from the rock surfaces are much more pronounced when compared to the PLA prints. Another curious avenue is color printing.</p>
<img src="assets/week3/update20211005/IMG_20211002_191059.jpg" alt="vacuum", width="640">
<img src="assets/week3/update20211005/IMG_20211002_191404.jpg" alt="more vacuum", width="640">
<img src="assets/week3/update20211005/IMG_20211002_221153.jpg" alt="results in comparison", width="640">
<h2>Group Assignment</h2>
<p>We printed test files from the CBA website. Overhangs turned out much better than I expected. I am planning to try some supportless printing based on these results.</p>
<img src="assets/week3/group/WhatsApp Image 2021-10-01 at 21.19.08.jpeg" alt="printer", width="640">
<img src="assets/week3/group/WhatsApp Image 2021-10-01 at 21.19.02.jpeg" alt="prints", width="640">
<img src="assets/week3/group/WhatsApp Image 2021-10-01 at 21.19.31.jpeg" alt="close up", width="640">
<img src="assets/week3/group/WhatsApp Image 2021-10-01 at 21.19.35.jpeg" alt="close up", width="640">
<h2>Files</h2>
<a href="assets/week3/rock_highest2.7z" download>Low poly model with good topology and UV's</a><br>
<a href="assets/week3/rock_highest2-DM1001.exr" download="">Open EXR image (32 bit float) with displacement map</a>
<p>P.S. I have gone overboard with data this week (24mb), but there is a multi-million polygon rock in the end, with a 32 bit float displacement map.</p>
<!--
><p>
Make sure to keep all page content within the
<code>#page-content-wrapper</code>
. The top navbar is optional, and just for demonstration. Just create an element with the
<code>#sidebarToggle</code>
ID which will toggle the menu when clicked.
</p>
-->
</div>
</div>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>