diff --git a/public/week19/19_coordinates.png b/public/week19/19_coordinates.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a00ad4cc23b05e4f463e2e37ad0b3ded146719c
Binary files /dev/null and b/public/week19/19_coordinates.png differ
diff --git a/public/week19/19_figma.png b/public/week19/19_figma.png
new file mode 100644
index 0000000000000000000000000000000000000000..4498cb19a28b056337a01cc0855f7a502e2f1686
Binary files /dev/null and b/public/week19/19_figma.png differ
diff --git a/public/week19/19_states.png b/public/week19/19_states.png
new file mode 100644
index 0000000000000000000000000000000000000000..b288aff58b4bf12080115ab7a09d7557893bccf8
Binary files /dev/null and b/public/week19/19_states.png differ
diff --git a/src/data/week17.ts b/src/data/week17.ts
index 788c5341f0244d5a6c72d6a578f3a7e914634f71..7dde6a4589e0c4dc64b6fe407014713c149b8d41 100644
--- a/src/data/week17.ts
+++ b/src/data/week17.ts
@@ -12,15 +12,23 @@ export const week17: DataItem = {
<h2>Who has done what beforehand?</h2>
+ <p>The design was executed in the 1960's by Jean Tinguely, using solely a DC motor. </p>
+
+
<h2>What will you design?</h2>
+ <p> I will hook the design to a PCB allowing me control over the speed and direction of the movement.
+
+
- <p><h2>
+ <h2>
Materials and components, specifics.
</h2>
- Below enlisted all the components that are integrated in the final project. The first table displays the components that are self made, the second table ones that were purchased.
+ <p>
+
+ Below enlisted all the components that are integrated in the final project. The first table displays the components that are self made, the second table components that were purchased.
<p>
<table>
@@ -37,28 +45,28 @@ export const week17: DataItem = {
<td>€12</td>
</tr>
<tr>
- <td>Pulleys</td>
- <td>Multiplex 3mm/ 5mm</td>
+ <td>Shapes</td>
+ <td>Acryl 3mm</td>
<td>Lasercutter</td>
<td>€3</td>
</tr>
<tr>
- <td>Shapes</td>
- <td>Acryl 3mm</td>
- <td>Lasercutter</td>
+ <td>Pulleys</td>
+ <td>PLA</td>
+ <td>3d printer</td>
<td>€3</td>
</tr>
<tr>
<td>Bearingholders</td>
- <td>Acryl 3mm</td>
+ <td>PLA</td>
<td>3d printer</td>
<td>€3</td>
</tr>
<tr>
<td>PCB</td>
- <td>Acryl 3mm</td>
+ <td>Copperboardm</td>
<td>Milling machine</td>
- <td>€3</td>
+ <td>€3,50</td>
</tr>
</table>
@@ -72,58 +80,85 @@ export const week17: DataItem = {
<th>Cost</th>
<th>Store</th>
</tr>
+
<tr>
- <td>Driver belt, Polyethuraan round belt 3mm ca. 1m</td>
- <td>€8</td>
+ <td>Polyurethane belt, round 3mm ca. 1m</td>
+ <td>€3</td>
+ <td><a href="https://nl.rs-online.com/web/p/profile-round-belts/3098101">Link</a></td>
</tr>
+
<tr>
<td>Bearings 12 x type 624ZZ</td>
- <td>€8</td>
+ <td>€6</td>
+ <td><a href="https://www.123-3d.nl/123-3D-Kogellager-624ZZ-1-stuk-i16-t13131.html?gad_source=1&gclid=Cj0KCQjwsaqzBhDdARIsAK2gqneyrZZbcc87xg34Nf3sW6aXM8Ey3hk1X-dIJ8ukZvjyLCOcSxUWr00aAvziEALw_wcB">Link</a></td>
</tr>
+
<tr>
<td>Stepper motor</td>
- <td>€8</td>
+ <td>€14,87</td>
+ <td><a href="https://www.conrad.nl/nl/p/joy-it-stappenmotor-nema17-04-joy-it-0-45-nm-1-5-a-as-diameter-4-5-mm-2148834.html?utm_source=google&utm_medium=surfaces&utm_campaign=shopping-feed&utm_content=free-google-shopping-clicks&utm_term=2148834&adcampaign=google&tid=17213980048_pla-2148834&gad_source=1&gclid=Cj0KCQjwsaqzBhDdARIsAK2gqncFizKbKjy4L70znXFYO4fBEkLsgzXmV4FWGsOCOlTV5LVZkJF_4asaAkIiEALw_wcB">Link</a></td>
</tr>
+
<tr>
- <td>Bar, messing 4mm</td>
- <td>€8</td>
+ <td>tube messing 4mm, ca 70cm</td>
+ <td>€5,44</td>
+ <td><a href="https://www.conrad.nl/nl/p/reely-messing-buis-staaf-o-x-l-4-mm-x-500-mm-binnendiameter-3-0-mm-1-stuk-s-2361315.html?utm_source=google&utm_medium=surfaces&utm_campaign=shopping-feed&utm_content=free-google-shopping-clicks&utm_term=2361312&adcampaign=google&tid=17213980048_pla-2361312&gad_source=1&gclid=Cj0KCQjwsaqzBhDdARIsAK2gqneRnNjepAbrChst0FUy9sVk0DzFf1YKqMNQb33Z9RyQQY96w1t7PAIaAneZEALw_wcB">Link</a></td>
</tr>
+
<tr>
<td>Adapter 12V</td>
- <td>€8</td>
+ <td>€17,94</td>
+ <td><a href="https://www.allekabels.nl/searchresult.php?keyword=adapter">Link</a></td>
</tr>
+
<tr>
<td>Microcontroller Xiao Seeed RP2040</td>
- <td>€8</td>
- </tr>
+ <td>€6,40</td>
+ <td><a href="https://www.reichelt.nl/nl/nl/xiao-rp2040-dual-core-133-mhz-2-mb--xiao-rp2040-p350757.html?PROVID=2809&gad_source=1&gclid=Cj0KCQjwsaqzBhDdARIsAK2gqndF8Dhvfbg7kqDSHg67zLScojfKB_CAUo1eEZ-EWxTujQer_6pf1Y8aAotXEALw_wcB">Link</a></td>
</tr>
+
+ <tr>
<td>Sound sensor</td>
<td>€8</td>
+ <td>Muco modelbouw</td>
</tr>
- </tr>
+
+ <tr>
<td>Barrel Jack plug</td>
- <td>€8</td>
- </tr>
+ <td>€1,50</td>
+ <td>Muco modelbouw</td>
</tr>
+
+ <tr>
<td>On/ off switch</td>
- <td>€8</td>
- </tr>
+ <td>€1,50</td>
+ <td>Muco modelbouw</td>
</tr>
- <td>Capacitor, Volt regulator, resistor</td>
- <td>€8</td>
- </tr>
- </tr>
- <td>Capacitor, Volt regulator, resistor</td>
- <td>€8</td>
+
+ <tr>
+ <td>Capacitor</td>
+ <td>€0,60</td>
+ <td><a href="https://www.reichelt.nl/nl/nl/elko-radiaal-100-f-100-v-105-low-esr-10-x-20-mm-rm-5-fr-a-100u-100-p228774.html?PROVID=2809&gad_source=1&gclid=Cj0KCQjwsaqzBhDdARIsAK2gqneBjO_MKA1Sht0YGH-HdhwP9FBJshYBk7MKNvC9xS95WHlk7C8wdsUaAkHBEALw_wcB">Link</a></td>
</tr>
+
+ <tr>
+ <td>Volt regulator</td>
+ <td>€0,35</td>
+ <td><a href="https://www.reichelt.nl/nl/nl/ldo-vaste-spanningsregelaar-5-0-v-1-a-sot-223-ts-1117-cw50-p115969.html?PROVID=2809&gad_source=1&gclid=Cj0KCQjwsaqzBhDdARIsAK2gqnfwL9Mr6wxdwh-q_ey1f_1gXOhpvJrkgk71YqwHinqIP8i0f1vUrYoaAvywEALw_wcB">Link</a></td>
</tr>
+
+ <tr>
<td>Paint</td>
<td>€10</td>
+ <td>Engels Paintstore</td>
</tr>
</table>
+
+ <p>
+ Some small costs like soldering tin, glue and resistors were excluded from the table. All together you should be able to build the design for ca. €100.
</p>
- </p>
+
<h2>What questions need to be answered?</h2>
diff --git a/src/data/week19.ts b/src/data/week19.ts
index 89568b54fc1e682d9a99739f1a372b794546bf40..d0000fc6959366bddd50e1f235a0dfc85c422a45 100644
--- a/src/data/week19.ts
+++ b/src/data/week19.ts
@@ -6,30 +6,89 @@ export const week19: DataItem = {
hero: '/week19/19_hero.png',
blocks: [
{
- html: `
+ html:
+ `
<h1>Final project</h1>
+ <p>
+ <video width="100%" autoplay muted>
+ <source src="/presentation.mp4" type="video/mp4">
+ </video>
+ </p>
+
<b>‘Something’ on the wall that moves. </b>
- <p>I was inspired by the early works of Tinguely. Tinguely is mostly known for his 3-dimensional sculptures, but he had a brief phase in the beginning of his career where he made 2-dimensional ‘kinetic paintings’ (as I like to call them). He experimented with different shapes and colours, but my favourite ones are his depictions of rough white shapes against a black background. The work has a zen-like quality and the shapes remind me of torn pieces of paper tumbling through the air. He called this series ‘Peut-être’ which translates as ‘maybe’. </p>
+ <p>I was inspired by the early works of Tinguely. Tinguely is mostly known for his 3-dimensional sculptures, but he had a brief phase in the beginning of his career where he made 2-dimensional ‘kinetic paintings’ (--to give them a name). He experimented with different shapes and colours, but my favourite ones are his depictions of rough white shapes against a black background. The work has a zen-like quality and the shapes remind me of torn pieces of paper tumbling through the air. He called this series ‘Peut-être’ which translates as ‘maybe’. </p>
+
+ <img src="/week19/19_tinguely.jpg" />
+
+ <p>I'd like to imagine the possibilies for his work in the current times and suitable for i.e. homes and offices. I will explore the added possibilies that the integration of a microcontroller can offer. My aim for the final project was to cover the basics and set a foundation for future spirals in which I would focus on more complex motions, motion variety and interactive elements. </p>
+
+ <h2>The Design </h2>
+
+ <p>
+ <img src="/week19/19_figma.png" />
+ </p>
+
+ <p> The image above illustrates the logic of the design. I tried to integrate as many learnings as possible. A stepper motor rotates the axis' of the shapes. The gears and pulleys I will print with the 3D printer. The axis' are held in place in bearings. The bearingholders will also be printed. The frame will be made with the lasercutter. It will contain a self designed/ milled PCB that is connected to the motors, a sound sensor and the on/off button. I want to write a script that relates the motion of the shapes (speed, direction) to the sounds of the environment (volume). </p>
+
+ <img src="/week19/19_coordinates.png" />
+
+ <p>
+ I determind the exact number and location of the axis'. In the orientationof the axis' I kept in mind that the driver belt has to preferably be arranged to wrap around each pulley as much as possible to increase friction.
+ </p>
+ <h2>Production </h2>
- <p>Tinguely made these artpieces around 1960. The shapes are driven by one or multiple dc motors and driver belts. Now, 60 years later, we have so much more possibilities to reimagine the motion and interaction.
+ <b>Lasercutter</b>
+ <p>
+ The parts for the frame, the pulleys and the shapes where designed in Fusion, exported to SVG with Illustrator and cut with the lasercutter. I made the frame pressfit. I avoided the use of glue, in the prototyping phase it proved very usefull to be able to assemble and de-assamble the frame or edit one of the parts. The parts for the frame were lasered for
</p>
-
- <p>Though in his work it is not just ‘rotating figures on a stick’ that captivates me, my goal for this course is primarily to grasp the technical basics and possibilities of the concept. I want to built a working prototype from which I can continue to built and experiment. </p>
+ <p>
<img src="/week19/19_frame.png" />
+ </p>
- `
- },
+ <b>3dprinter</b>
+ <p>
+ For the production
+ </p>
- {
- expandable: true,
- title: 'Construction plan',
- html: `
- <img src="/finalProject/final_components.png" />
- <p> In the example above I tried to include as many learnings as possible. Two motors rotate the axis' of the white shapes. One is powered directly via gears and two are powered by the same motor via a driver belt. The gears and pulleys I will print with the 3D printer. The axis' are held in place in bearings. The bearingholders will also be printed. The frame will be made with the lasercutter. It will contain a self designed/ milled PCB that is connected to the motors, a sound sensor and the on/off button. I want to write a script that relates the motion of the shapes (speed, direction) to the sounds of the environment (volume). </p>
+ <b>Electronics</b>
+ <p>
+ The design luckily worden
+ </p>
+
+
+ <b>#problem 1 </b>
+
+ <p>
+ Im fairly confident in producing the parts, but will the design work? Not as easy as I imagined. The assembling took me some spirals. I imagined placing the bars with the pulleys in the bearing on the bottom, putting the driver belt in place and then putting the lid containing the top bearings on top. The problem with this order is that the bearings offer some 'wiggle' -space. When putting tension on the driver belt it pulls the axis' towards eachother. This makes it impossible to fit all the top ends of the axises through the bearings in the top-plate.
+
+ I tried putting up de topplate first and opening up the sides to try and fumble the driver belt around all the pulleys from there but this to proved impossible.
+
+ I solved this by adding an extra layer, between the top and backplate, holding the top bearings but leaving enough space open to allow placement of the belt. Because I want the design as slim as possible, I did not use the bearingholders on the top but 'sunk' the bearings into the extra layer holding it in place with a 3dprinted flat component.
+ </p>
+
+ <b>#problem 2 </b>
+
+ <p>
+ When assembling and testing the design on the ground; it worked perfectly fine. When placing it on the wall though - thats another story :) Hello gravity. When rotating pulleys with a belt, there are two factors: friction and power. I have no experience with this mechanism or motors, so no sense of what my motor can handle or how thight I should fix my driver belt. And then jsut hope that the my motor and construction can handle this.
+ </p>
+
+
+
+
+
+
+ <h2>Result </h2>
+ <p>
+ <img src="/presentation.png" />
+ </p>
+
+ <p>
+ <img src="/week19/19_states.png" />
+ </p>
`
}