Edit week02 Add inkscape

public/assignments/week02/index.html

@@ -293,21 +293,28 @@ I converted the images to JPG file.</p>
 <p>Edited the silhouetted to change the angle of the bird.</p>
 <p><img alt="silhouette_trace4" src="../../images/week02/silhouette_trace4.jpg" /></p>
 <p><img alt="silhouette_trace5" src="../../images/week02/silhouette_trace5.jpg" /></p>
-<!-- 
-### Tracing bitmaps
-
-Since, there is no functions to trace bitmaps in Affinity designer, I used Inkscape.
-
-It took me few steps to get the silhouette of the bird
-
-I used "Path>Trace bitmap" in the tool bar to get the silhouette of the bird.
-The bird was white, black, gray and blue.
-
-First I traced the white part by cutting off the dark part, and traced the black part by cutting off the bright part.
-
-![cutoff dark]()
-![cutoff bright]() -->
-
+<h3 id="tracing-bitmaps">Tracing bitmaps</h3>
+<p>Since, there is no functions to trace bitmaps in Affinity designer, I used Inkscape.</p>
+<p>It took me few steps to get the silhouette of the bird</p>
+<p>I used "Path&gt;Trace bitmap" in the tool bar to get the silhouette of the bird.
+The bird was white, black, gray and blue.</p>
+<p>First I traced the white part by cutting off the dark part, and traced the black part by cutting off the bright part.</p>
+<p><img alt="cutoff dark" src="../../images/week02/inkscape_dark.jpg" /></p>
+<p><img alt="cutoff bright" src="../../images/week02/inkscape_bright.jpg" /></p>
+<p>Adding these paths together, I got a part of the silhouette of the bird.</p>
+<p><img alt="bird inkscape" src="../../images/week02/bird_inkscape.jpg" /></p>
+<p><img alt="bird inkscape silhouette" src="../../images/week02/bird_silhouette_inkscape.jpg" /></p>
+<p>There were two difficult things I wasn't able to do:</p>
+<ul>
+<li>Get the silhouette of the head of the bird.<ul>
+<li>Because, the head is overlapped with the left wing.</li>
+</ul>
+</li>
+<li>Get the silhouette of the whole right wing<ul>
+<li>Because, the gray part of the right wing was almost the same color with the shadows on the corners of the image.</li>
+</ul>
+</li>
+</ul>
 <h2 id="2-model-a-structure-to-express-the-glowing-and-flickering-of-candles">2. Model a structure to express the glowing and flickering of candles</h2>
 <p>Last week, I modeled the outline of the lamp I plan to make for my final project.</p>
 <p>This week, I will model structure inside the lampshade. The structures will move and create shadow on the shade. the shadow will be a pattern that decorates the lamp.</p>
@@ -339,9 +346,9 @@ Here are the python libraries I used.</p>
 </tbody>
 </table>
 <p>These were installed by followings:</p>
-<div class="highlight"><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1" href="#__codelineno-2-1"></a>pip install matplotlib
-<a id="__codelineno-2-2" name="__codelineno-2-2" href="#__codelineno-2-2"></a>pip install numpy
-<a id="__codelineno-2-3" name="__codelineno-2-3" href="#__codelineno-2-3"></a>pip instell opencv-python
+<div class="highlight"><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1" href="#__codelineno-2-1"></a>pip<span class="w"> </span>install<span class="w"> </span>matplotlib
+<a id="__codelineno-2-2" name="__codelineno-2-2" href="#__codelineno-2-2"></a>pip<span class="w"> </span>install<span class="w"> </span>numpy
+<a id="__codelineno-2-3" name="__codelineno-2-3" href="#__codelineno-2-3"></a>pip<span class="w"> </span>instell<span class="w"> </span>opencv-python
 </code></pre></div>
 <div class="admonition caution">
 <p class="admonition-title">Caution</p>
@@ -516,12 +523,10 @@ Insted of using opencv, I used ffmpeg.</p>
 <p>Here are the files I created this week.</p>
 <ul>
 <li><a href="../files/week02/silhouette_bird.afdesign">Bird silhouette in Affinity designer (.afdesign)</a></li>
-</ul>
-<!-- - <a href="../files/week02/">Bird silhouette in Inkscape (.svg)</a> -->
-<ul>
+<li><a href="../files/week02/bird_inkscape.svg">Bird silhouette in Inkscape (.svg)</a></li>
 <li><a href="../files/week02/lamp_design%20v10.f3d">Lamp in Fusion360 (.f3d)</a></li>
 </ul>
-<p><a href="../files/week02/"></a></p></div>
+<p><a href="../../files/week02/bird_inkscape.svg"></a></p></div>
             </div>
         </div>
 

public/index.html

@@ -283,5 +283,5 @@
 
 <!--
 MkDocs version : 1.4.2
-Build Date UTC : 2023-02-08 11:59:53.019882+00:00
+Build Date UTC : 2023-02-08 12:21:42.803173+00:00
 -->