-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathweek5.html
257 lines (234 loc) · 17.4 KB
/
week5.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
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
<!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" />
</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 5 - CNC Machining</h1>
<h2>Making something big!</h2>
<button class="collapsible">Design exploration (tables, chairs, oaken desks etc.)</button>
<div class="content">
<p>Since the assignment had no constraints other tha making a big thing, I started sketching freehand and 3d to explore some ideas</p>
<img src="assets/week5/image_5.png" alt="sketch", width="720">
<img src="assets/week5/image_6.png" alt="sketch", width="720">
<img src="assets/week5/image_7.png" alt="sketch", width="720">
<img src="assets/week5/image_8.png" alt="sketch", width="720">
<img src="assets/week5/image_9.png" alt="sketch", width="720">
<img src="assets/week5/image_12.png" alt="sketch", width="720">
<img src="assets/week5/image_13.png" alt="sketch", width="720">
<img src="assets/week5/image_14.png" alt="sketch", width="720">
<p>I meandered for a few hours in Maya, creating sculptural forms, a table with legs, some chair designs until I settled on a parametric chair.</p>
<img src="assets/week5/image_15.png" alt="sketch", width="720">
<img src="assets/week5/image_16.png" alt="sketch", width="720">
<img src="assets/week5/table.png" alt="table", width="720">
<img src="assets/week5/image_10.png" alt="sketch", width="720">
<img src="assets/week5/image_11.png" alt="sketch", width="720">
<img src="assets/week5/lamp1.png" alt="lamp", width="720">
<img src="assets/week5/chair.png" alt="table", width="720">
<img src="assets/week5/chair1.png" alt="table", width="720">
<img src="assets/week5/chair2.png" alt="table", width="720">
<img src="assets/week5/chair3.png" alt="table", width="720">
<img src="assets/week5/chair4.png" alt="sketch", width="720">
<img src="assets/week5/chair5.png" alt="sketch", width="720">
<p>On the next day, after a few minutes in pinterest, I noticed that the internet was saturated with CNC chairs. I decided to investigate a different avenues.</p>
</div>
<button class="collapsible">Generative Design with Inverse Kinematics</button>
<div class="content">
<img src="assets/week5/image_17.png" alt="sketch", width="360">
<img src="assets/week5/image_18.png" alt="sketch", width="720">
<p>Based on these sketches, I decided to explore more abstract shapes by using inverse kinematics as a tool for generative design. I created to basic skeletons with a shared IK handle in the middle. Then I skinned the rigs to a truss structure.</p>
<ul>
<li>Using the rigged geometry, it is relatively easy to generate instances where the relative position of the IK handle is defined as a parameter.<img src="assets/week5/ik.png" alt="ik", width="720">
<br>
<video width="720" height="405" autoplay muted loop>
<source src="assets/week5/ik_test1.mp4" type="video/mp4">
</video></li>
<li>To have a smoother file transfer experience, I converted the IK rig to a 2 dimensional setup with NURBS geometry so that I can export 2D CAD files for CAM. <video width="720" height="405" autoplay muted loop>
<source src="assets/week5/ik2d.mp4" type="video/mp4">
</video></li>
<li>I started thinking about the fabrication constraints of a 4 by 8 foot board.<br><img src="assets/week5/ik_test_stack.png" alt="stacking", width="720"></li>
<li>Then I created a hacky parametric design through Maya's driven keys and timeline.<br><video width="720" height="405" autoplay muted loop>
<source src="assets/week5/ik_parametric.mp4" type="video/mp4">
</video></li>
</ul>
</div>
<button class="collapsible">Fabrication</button>
<div class="content">
<p>I made a laser cutter model to test the design before committing to CNC.</p>
<img src="assets/week5/CAM/IMG_20211017_140426.jpg" alt="test", width="640">
<img src="assets/week5/CAM/IMG_20211017_141847.jpg" alt="test1", width="640">
<p>The next step was to create dog bones. I did this in Rhino.</p>
<img src="assets/week5/CAM/IMG_20211017_145741.jpg" alt="dots", width="640">
<ul>
<p>Some key points:</p>
<li>Sheets must be flush at corners to ensure vacuum seal.</li>
<li>Outside cuts should go clockwise, while inner cuts are counter-clockwise.</li>
<li>Vacuum at all steps after cut to keep a clean workspace.</li>
</ul>
<img src="assets/week5/CAM/IMG_20211017_151057.jpg" alt="flush corner", width="640">
<img src="assets/week5/CAM/IMG_20211017_151342.jpg" alt="cutting vectors", width="640">
<video width="720" height="405" autoplay muted loop>
<source src="assets/week5/CAM/output.mp4" type="video/mp4">
</video>
<video width="720" height="405" autoplay muted loop>
<source src="assets/week5/CAM/output1.mp4" type="video/mp4">
</video>
<video width="720" height="405" autoplay muted loop>
<source src="assets/week5/CAM/output2.mp4" type="video/mp4">
</video>
<br>
<img src="assets/week5/CAM/IMG_20211017_154738.jpg" alt="vacuum", width="640">
<p>The remaining work is mostly filing.</p>
<img src="assets/week5/CAM/IMG_20211017_155740.jpg" alt="break", width="640">
<br>
<img src="assets/week5/CAM/IMG_20211017_161049.jpg" alt="file", width="640">
<img src="assets/week5/CAM/IMG_20211017_161051.jpg" alt="file1", width="640">
<img src="assets/week5/CAM/IMG_20211017_161212.jpg" alt="file2", width="640">
<img src="assets/week5/CAM/IMG_20211017_161910.jpg" alt="piece", width="640">
<img src="assets/week5/CAM/IMG_20211017_162330.jpg" alt="piece1", width="640">
<img src="assets/week5/CAM/IMG_20211017_162825.jpg" alt="stack", width="640">
<img src="assets/week5/CAM/IMG_20211017_170241.jpg" alt="stack", width="640">
<p>Parts stacked nicely on the planar base. However, 0.5 inches was a bit too much for a snug fit. This finding is different from our group assignment, where 0.5 inches worked perfectly. At this point I assume that material thickness varies from sheet to sheet.</p>
<img src="assets/week5/CAM/IMG_20211017_171220.jpg" alt="planar", width="640">
</div>
<button class="collapsible">Fabrication Update</button>
<div class="content">
<p>The next day, I decided to go back to a circular design, both for a more sculptural form and as an excuse to try tighter fitting joints. I modeled a circular connector, with 0.48 inch slots.</p>
<img src="assets/week5/CAM/IMG_20211018_132553.jpg" alt="circular", width="640">
<img src="assets/week5/CAM/IMG_20211018_132629.jpg" alt="circular", width="640">
<ul>
<p>some notes:</p>
<li>When using smaller sheet, vacuum can be preserved using plastic sheets on the empty areas.</li>
<li>If you forget to select, and cut circles, wing cutters are handy end effectors for creating them.</li>
<li>Wood glue is unavoidable under tight deadlines.</li>
</ul>
<img src="assets/week5/CAM/IMG_20211018_133139.jpg" alt="sheets", width="640">
<img src="assets/week5/CAM/IMG_20211018_134726.jpg" alt="wing cutters", width="640">
<img src="assets/week5/CAM/IMG_20211018_140218.jpg" alt="wing cutters", width="640">
<p>Here is the resulting sculpture! Might become a lamp someday.</p>
<img src="assets/week5/CAM/IMG_20211018_142251.jpg" alt="assembly", width="640">
<img src="assets/week5/CAM/IMG_20211018_142928.jpg" alt="final", width="640">
</div>
<button class="collapsible">Light Painting!</button>
<div class="content">
<p>To experiment with potential uses as a lamp, I did some experiments with light painting. To do this I went to a dark room and set a 10 second exposure.</p>
<img src="assets/week5/lightpaint/DSC02167.jpg" alt="lightpaint", width="960">
<img src="assets/week5/lightpaint/DSC02172.jpg" alt="lightpaint", width="960">
<img src="assets/week5/lightpaint/DSC02173.jpg" alt="lightpaint", width="960">
<img src="assets/week5/lightpaint/DSC02175.jpg" alt="lightpaint", width="960">
<img src="assets/week5/lightpaint/DSC02176.jpg" alt="lightpaint", width="960">
<img src="assets/week5/lightpaint/DSC02177.jpg" alt="lightpaint", width="960">
<img src="assets/week5/lightpaint/DSC02178.jpg" alt="lightpaint", width="960">
<img src="assets/week5/lightpaint/DSC02180.jpg" alt="lightpaint", width="960">
<img src="assets/week5/lightpaint/DSC02181.jpg" alt="lightpaint", width="960">
<img src="assets/week5/lightpaint/DSC02186.jpg" alt="lightpaint", width="960">
<p>And why not use a facemask as diffuser?</p>
<img src="assets/week5/lightpaint/DSC02182.jpg" alt="lightpaint", width="960">
<img src="assets/week5/lightpaint/DSC02183.jpg" alt="lightpaint", width="960">
<img src="assets/week5/lightpaint/DSC02184.jpg" alt="lightpaint", width="960">
<p>Special thanks to Ganit for helping with the photoshoot.</p>
</div>
<button class="collapsible">Group Assignment</button>
<div class="content">
<p>Results of our group assignment were mixed. While in the initial trials 0.49 inches resulted in snug fits, later test by MQ suggested 0.5 was better. In my project that was further down the material stack, 0.48 was even better.</p>
<img src="assets/week5/group/index.jpg" alt="group", width="640">
<img src="assets/week5/group/index1.jpg" alt="group", width="640">
<img src="assets/week5/group/index2.jpg" alt="group", width="640">
<img src="assets/week5/group/index3.jpg" alt="group", width="640">
<img src="assets/week5/group/index4.jpg" alt="group", width="640">
</div>
<button class="collapsible">Files</button>
<div class="content">
<a href="assets/week5/CAD/scu_gen_3b2.7z" download>Maya file</a><br>
<a href="assets/week5/CAD/rhino_files.7z" download>Rhino files</a>
</div>
<!--
><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>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function () {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight) {
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}
</script>
</body>
</html>