Skip to content
Snippets Groups Projects
Commit e8c7a1d6 authored by Sosuke Kanegae's avatar Sosuke Kanegae
Browse files

Made week02

parent b10b171f
No related branches found
No related tags found
No related merge requests found
Pipeline #370397 passed
Stage: deploy
    Hide whitespace changes
    Inline Side-by-side
    Showing
    with 360 additions and 35 deletions
    public/404.html
    + 4
    − 0
    View file @ e8c7a1d6
    ...@@ -52,6 +52,10 @@ ...@@ -52,6 +52,10 @@
    <li> <li>
    <a href="/assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a> <a href="/assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a>
    </li> </li>
    <li>
    <a href="/assignments/week02/" class="dropdown-item">Week 02. Computer Aided Design</a>
    </li>
    </ul> </ul>
    </li> </li>
    </ul> </ul>
    ......
    public/about/index.html
    + 4
    − 0
    View file @ e8c7a1d6
    ...@@ -52,6 +52,10 @@ ...@@ -52,6 +52,10 @@
    <li> <li>
    <a href="../assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a> <a href="../assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a>
    </li> </li>
    <li>
    <a href="../assignments/week02/" class="dropdown-item">Week 02. Computer Aided Design</a>
    </li>
    </ul> </ul>
    </li> </li>
    </ul> </ul>
    ......
    public/agreements/index.html
    + 4
    − 0
    View file @ e8c7a1d6
    ...@@ -52,6 +52,10 @@ ...@@ -52,6 +52,10 @@
    <li> <li>
    <a href="../assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a> <a href="../assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a>
    </li> </li>
    <li>
    <a href="../assignments/week02/" class="dropdown-item">Week 02. Computer Aided Design</a>
    </li>
    </ul> </ul>
    </li> </li>
    </ul> </ul>
    ......
    public/assignments/week01/index.html
    + 39
    − 35
    View file @ e8c7a1d6
    ...@@ -52,6 +52,10 @@ ...@@ -52,6 +52,10 @@
    <li> <li>
    <a href="./" class="dropdown-item active">Week 01. Principles and Practices / Project Management</a> <a href="./" class="dropdown-item active">Week 01. Principles and Practices / Project Management</a>
    </li> </li>
    <li>
    <a href="../week02/" class="dropdown-item">Week 02. Computer Aided Design</a>
    </li>
    </ul> </ul>
    </li> </li>
    </ul> </ul>
    ...@@ -68,7 +72,7 @@ ...@@ -68,7 +72,7 @@
    </a> </a>
    </li> </li>
    <li class="nav-item"> <li class="nav-item">
    <a rel="next" class="nav-link disabled"> <a rel="next" href="../week02/" class="nav-link">
    Next <i class="fa fa-arrow-right"></i> Next <i class="fa fa-arrow-right"></i>
    </a> </a>
    </li> </li>
    ...@@ -164,8 +168,8 @@ ...@@ -164,8 +168,8 @@
    <li>mkdocs 1.4.2</li> <li>mkdocs 1.4.2</li>
    </ul> </ul>
    <p>I changed my mac screenshot setting from the default(PNG) to JPG with the following command.</p> <p>I changed my mac screenshot setting from the default(PNG) to JPG with the following command.</p>
    <pre><code>defaults write com.apple.screencapture type jpg <div class="highlight"><pre><span></span><code>defaults write com.apple.screencapture type jpg
    </code></pre> </code></pre></div>
    <h3 id="hoose-text-editor">hoose Text Editor</h3> <h3 id="hoose-text-editor">hoose Text Editor</h3>
    <p>Tex Editors are software where you write your codes in.</p> <p>Tex Editors are software where you write your codes in.</p>
    <p>I chose VScode for my text editor.</p> <p>I chose VScode for my text editor.</p>
    ...@@ -178,59 +182,59 @@ ...@@ -178,59 +182,59 @@
    <h3 id="getting-started-with-git">Getting started with Git</h3> <h3 id="getting-started-with-git">Getting started with Git</h3>
    <p>I followed this <a href="http://fabacademy.org/2019/docs/FabAcademy-Tutorials/week01_principles_practices_project_management/git_simple.html">tutorial</a> of Git.</p> <p>I followed this <a href="http://fabacademy.org/2019/docs/FabAcademy-Tutorials/week01_principles_practices_project_management/git_simple.html">tutorial</a> of Git.</p>
    <p><strong>Step 1.</strong> Download Git</p> <p><strong>Step 1.</strong> Download Git</p>
    <pre><code>brew install git <div class="highlight"><pre><span></span><code>brew install git
    </code></pre> </code></pre></div>
    <p><strong>Step 2.</strong> Identify user</p> <p><strong>Step 2.</strong> Identify user</p>
    <pre><code>git config --global user.name "sosuke" <div class="highlight"><pre><span></span><code>git config --global user.name &quot;sosuke&quot;
    git config --global user.email "sosuke.kanegae@mat.eng.osaka-u.ac.jp" git config --global user.email &quot;sosuke.kanegae@mat.eng.osaka-u.ac.jp&quot;
    </code></pre> </code></pre></div>
    <p><strong>Step 3.</strong> Check if there is any SSH-Key existing</p> <p><strong>Step 3.</strong> Check if there is any SSH-Key existing</p>
    <pre><code>(check) <div class="highlight"><pre><span></span><code>(check)
    cat ~/.ssh/id_rsa.pub cat ~/.ssh/id_rsa.pub
    </code></pre> </code></pre></div>
    <p>If not generate SSH-Key.</p> <p>If not generate SSH-Key.</p>
    <pre><code>(generate) <div class="highlight"><pre><span></span><code>(generate)
    ssh-keygen -t rsa -C "sosuke.kaneage@mat.eng.osaka-u.ac.jp" ssh-keygen -t rsa -C &quot;sosuke.kaneage@mat.eng.osaka-u.ac.jp&quot;
    </code></pre> </code></pre></div>
    <p><strong>Step 4.</strong> Check the public key you just created</p> <p><strong>Step 4.</strong> Check the public key you just created</p>
    <pre><code>cat ~/.ssh/id_rsa.pub <div class="highlight"><pre><span></span><code>cat ~/.ssh/id_rsa.pub
    </code></pre> </code></pre></div>
    <h3 id="clone-my-repository-from-gitlab-to-a-local-workspace">Clone my repository from GitLab to a local workspace</h3> <h3 id="clone-my-repository-from-gitlab-to-a-local-workspace">Clone my repository from GitLab to a local workspace</h3>
    <p>Now so that I got Git ready, I prepaired a new directory to store everything I do with Fab Academy.</p> <p>Now so that I got Git ready, I prepaired a new directory to store everything I do with Fab Academy.</p>
    <pre><code>cd ~/FabAcademy/ <div class="highlight"><pre><span></span><code>cd ~/FabAcademy/
    mkdir workspace mkdir workspace
    </code></pre> </code></pre></div>
    <p>In new workspace, I first cloned my repo on GitLab</p> <p>In new workspace, I first cloned my repo on GitLab</p>
    <pre><code>git clone https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae.git <div class="highlight"><pre><span></span><code>git clone https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae.git
    </code></pre> </code></pre></div>
    <p>Now, I have a newly cloned directory "sosuke-kaneage" in my workspace. And, I am ready to edit my website.</p> <p>Now, I have a newly cloned directory "sosuke-kaneage" in my workspace. And, I am ready to edit my website.</p>
    <h3 id="setting-up-mkdocs">Setting up MkDocs</h3> <h3 id="setting-up-mkdocs">Setting up MkDocs</h3>
    <p>Using MkDocs, you can easily create documentatoin websites. <p>Using MkDocs, you can easily create documentatoin websites.
    You will have to code in HTML, CSS and JavaScript to create a website. However, in MkDocs all you have to edit is Markdowns, which is easy to use.</p> You will have to code in HTML, CSS and JavaScript to create a website. However, in MkDocs all you have to edit is Markdowns, which is easy to use.</p>
    <p><strong>Step 1.</strong> Install MkDocs</p> <p><strong>Step 1.</strong> Install MkDocs</p>
    <pre><code>pip install mkdocs <div class="highlight"><pre><span></span><code>pip install mkdocs
    </code></pre> </code></pre></div>
    <p><strong>Step 2.</strong> Create new Mkdocs project in workspace</p> <p><strong>Step 2.</strong> Create new Mkdocs project in workspace</p>
    <pre><code>cd ~/FabAcademy/workspace <div class="highlight"><pre><span></span><code>cd ~/FabAcademy/workspace
    mkdocs new fabacademy-docs mkdocs new fabacademy-docs
    </code></pre> </code></pre></div>
    <p><strong>Step 3.</strong> Launch test server</p> <p><strong>Step 3.</strong> Launch test server</p>
    <pre><code>mkdocs serve <div class="highlight"><pre><span></span><code>mkdocs serve
    </code></pre> </code></pre></div>
    <p>Now, I have a MkDocs project with the default settings in ~/FabAcademy/workspace/fabacademy-docs. And, I can check how the website will look in my browser(<a href="http://127.0.0.1:8000/">http://127.0.0.1:8000/</a>).</p> <p>Now, I have a MkDocs project with the default settings in ~/FabAcademy/workspace/fabacademy-docs. And, I can check how the website will look in my browser(<a href="http://127.0.0.1:8000/">http://127.0.0.1:8000/</a>).</p>
    <h3 id="build-commit-and-push">Build, Commit and Push</h3> <h3 id="build-commit-and-push">Build, Commit and Push</h3>
    <p>After editing MkDocs project, I have to convert the markdowns to HTML files.</p> <p>After editing MkDocs project, I have to convert the markdowns to HTML files.</p>
    <pre><code>cd ~/FabAcademy/workspace/fabacademy-docs <div class="highlight"><pre><span></span><code>cd ~/FabAcademy/workspace/fabacademy-docs
    mkdocs build mkdocs build
    </code></pre> </code></pre></div>
    <p>The build commmand creates HTML files in ~/FabAcademy/workspace/fabacademy-docs/site/</p> <p>The build commmand creates HTML files in ~/FabAcademy/workspace/fabacademy-docs/site/</p>
    <p>To build directly into the git directory, add the following line to ~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml</p> <p>To build directly into the git directory, add the following line to ~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml</p>
    <p>% mkdocs.yml <p>% mkdocs.yml
    site_dir: ../sosuke-kanegae/public/</p> site_dir: ../sosuke-kanegae/public/</p>
    <p>Finaly commit changes in local git repo and push to remote GitLab repo.</p> <p>Finaly commit changes in local git repo and push to remote GitLab repo.</p>
    <pre><code>git commit -a -m 'Comments about changes' <div class="highlight"><pre><span></span><code>git commit -a -m &#39;Comments about changes&#39;
    git push git push
    </code></pre> </code></pre></div>
    <p>Instead of commit and push in the command line, you can also commit and push from the Git tab in VScode.</p> <p>Instead of commit and push in the command line, you can also commit and push from the Git tab in VScode.</p>
    <p>You can find the Git tab in the left column of the window. <p>You can find the Git tab in the left column of the window.
    Click the tab and you will see a blue "Commit" button. Click the tab and you will see a blue "Commit" button.
    ...@@ -254,11 +258,11 @@ To push you can simply press the sync button.</p> ...@@ -254,11 +258,11 @@ To push you can simply press the sync button.</p>
    <p>I customize my website by editting: <p>I customize my website by editting:
    <u>~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml</u></p> <u>~/FabAcademy/workspace/fabacademy-docs/mkdocs.yml</u></p>
    <p>I add Copyrights by adding the following line.</p> <p>I add Copyrights by adding the following line.</p>
    <pre><code>copyright: Copyright 2023 Sosuke Kanegae - Creative Commons Attribution Non Commercial <div class="highlight"><pre><span></span><code>copyright: Copyright 2023 Sosuke Kanegae - Creative Commons Attribution Non Commercial
    </code></pre> </code></pre></div>
    <p>I made a link to the source code in GitLab by adding:</p> <p>I made a link to the source code in GitLab by adding:</p>
    <pre><code>repo_url: https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae <div class="highlight"><pre><span></span><code>repo_url: https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae
    </code></pre> </code></pre></div>
    <h2 id="3-plan-a-final-project">3. Plan a final project</h2> <h2 id="3-plan-a-final-project">3. Plan a final project</h2>
    <h3 id="i-want-to-make-something-to-do-with-lights">I want to make something to do with lights!</h3> <h3 id="i-want-to-make-something-to-do-with-lights">I want to make something to do with lights!</h3>
    <p>I'd like to make a lamp that changes its appearance depending on the situation for my final project. <p>I'd like to make a lamp that changes its appearance depending on the situation for my final project.
    ...@@ -312,8 +316,8 @@ I inserted a lightbulb in the lamp.</p> ...@@ -312,8 +316,8 @@ I inserted a lightbulb in the lamp.</p>
    <p>material6: lampshade with bird silhouettes</p> <p>material6: lampshade with bird silhouettes</p>
    <p><img alt="lamp_material9" src="../../images/lamp_view2/lamp_9.jpg" /></p> <p><img alt="lamp_material9" src="../../images/lamp_view2/lamp_9.jpg" /></p>
    <h4 id="step-3-generate-background-with-ai"><strong>Step 3.</strong> Generate background with AI</h4> <h4 id="step-3-generate-background-with-ai"><strong>Step 3.</strong> Generate background with AI</h4>
    <p>I used an iPhone app, wonder, to generate backgraound image.</p> <p>I used an iPhone app, <a href="https://apps.apple.com/jp/app/wonder-ai-art-generator/id1621278575">wonder</a>, to generate backgraound image.</p>
    <p>In this app, you can select the sttyle of image. And, I selected "3D Render"</p> <p>In this app, you can select the style of image. And, I selected "3D Render"</p>
    <p>Set the aspect ratio to 3:2.</p> <p>Set the aspect ratio to 3:2.</p>
    <p>Set the keyword as "coworking space"</p> <p>Set the keyword as "coworking space"</p>
    <p>This is what I got:</p> <p>This is what I got:</p>
    ......
    public/assignments/week02/index.html 0 → 100644
    + 299
    − 0
    View file @ e8c7a1d6
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Sosuke Kanegae">
    <link rel="shortcut icon" href="../../img/favicon.ico">
    <title>Week 02. Computer Aided Design - Sosuke Kanegae Fab Academy</title>
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <link href="../../css/font-awesome.min.css" rel="stylesheet">
    <link href="../../css/base.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/color-brewer.min.css">
    <script src="../../js/jquery-1.10.2.min.js" defer></script>
    <script src="../../js/bootstrap.min.js" defer></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
    </head>
    <body>
    <div class="navbar fixed-top navbar-expand-lg navbar-dark bg-primary">
    <div class="container">
    <a class="navbar-brand" href="../..">Sosuke Kanegae Fab Academy</a>
    <!-- Expander button -->
    <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar-collapse">
    <span class="navbar-toggler-icon"></span>
    </button>
    <!-- Expanded navigation -->
    <div id="navbar-collapse" class="navbar-collapse collapse">
    <!-- Main navigation -->
    <ul class="nav navbar-nav">
    <li class="navitem">
    <a href="../.." class="nav-link">Home</a>
    </li>
    <li class="navitem">
    <a href="../../about/" class="nav-link">About me</a>
    </li>
    <li class="navitem">
    <a href="../../agreements/" class="nav-link">Agreements</a>
    </li>
    <li class="navitem">
    <a href="../../final-project/" class="nav-link">Final Project</a>
    </li>
    <li class="dropdown active">
    <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Assignments <b class="caret"></b></a>
    <ul class="dropdown-menu">
    <li>
    <a href="../week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a>
    </li>
    <li>
    <a href="./" class="dropdown-item active">Week 02. Computer Aided Design</a>
    </li>
    </ul>
    </li>
    </ul>
    <ul class="nav navbar-nav ml-auto">
    <li class="nav-item">
    <a href="#" class="nav-link" data-toggle="modal" data-target="#mkdocs_search_modal">
    <i class="fa fa-search"></i> Search
    </a>
    </li>
    <li class="nav-item">
    <a rel="prev" href="../week01/" class="nav-link">
    <i class="fa fa-arrow-left"></i> Previous
    </a>
    </li>
    <li class="nav-item">
    <a rel="next" class="nav-link disabled">
    Next <i class="fa fa-arrow-right"></i>
    </a>
    </li>
    <li class="nav-item">
    <a href="https://gitlab.fabcloud.org/academany/fabacademy/2023/labs/kitakagaya/students/sosuke-kanegae" class="nav-link">Gitlab</a>
    </li>
    </ul>
    </div>
    </div>
    </div>
    <div class="container">
    <div class="row">
    <div class="col-md-3"><div class="navbar-light navbar-expand-md bs-sidebar hidden-print affix" role="complementary">
    <div class="navbar-header">
    <button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#toc-collapse" title="Table of Contents">
    <span class="fa fa-angle-down"></span>
    </button>
    </div>
    <div id="toc-collapse" class="navbar-collapse collapse card bg-secondary">
    <ul class="nav flex-column">
    <li class="nav-item" data-level="1"><a href="#week-02-computer-aided-design" class="nav-link">Week 02. Computer Aided Design</a>
    <ul class="nav flex-column">
    <li class="nav-item" data-level="2"><a href="#assignments-for-this-week" class="nav-link">Assignments for this week</a>
    <ul class="nav flex-column">
    </ul>
    </li>
    <li class="nav-item" data-level="2"><a href="#what-ive-done-this-week" class="nav-link">What I've done this week</a>
    <ul class="nav flex-column">
    </ul>
    </li>
    <li class="nav-item" data-level="2"><a href="#1-draw-a-2d-model-of-the-silhouettes" class="nav-link">1. Draw a 2D model of the silhouettes</a>
    <ul class="nav flex-column">
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </div>
    </div></div>
    <div class="col-md-9" role="main">
    <h1 id="week-02-computer-aided-design">Week 02. Computer Aided Design</h1>
    <p>The second week of Fab Academy! I did a sketch of my project and added it to the <a href="../../final-project/">Final Project</a> page.</p>
    <h2 id="assignments-for-this-week">Assignments for this week</h2>
    <ul>
    <li>model a possible final project</li>
    <li>compress my images and videos</li>
    <li>post a description with your design files on my class pages</li>
    </ul>
    <h2 id="what-ive-done-this-week">What I've done this week</h2>
    <ol>
    <li>Draw a 2D model of the silhouettes<ul>
    <li>generator an image of a bird with AI</li>
    <li>make a silhouette of a bird</li>
    <li></li>
    </ul>
    </li>
    <li>Model a structure to express the glowing and flickering of candles<ul>
    <li></li>
    </ul>
    </li>
    <li>Model structrures that make silhouettes of birds flapping their wings<ul>
    <li></li>
    </ul>
    </li>
    </ol>
    <h2 id="1-draw-a-2d-model-of-the-silhouettes">1. Draw a 2D model of the silhouettes</h2>
    <p>The first thing I did this week is to <strong>Draw the 2D model for silhouettes on my lamp</strong></p>
    <h3 id="generator-an-image-of-a-bird-with-ai">generator an image of a bird with AI</h3>
    <p>First, I used some AI art genorators to make some references of flying birds.</p>
    <h4 id="wonder"><a href="https://apps.apple.com/jp/app/wonder-ai-art-generator/id1621278575">wonder</a></h4>
    <p>First, I used the same iPhone app as last week, <a href="https://apps.apple.com/jp/app/wonder-ai-art-generator/id1621278575">wonder</a>, to generate images of birds.</p>
    <p>This time I didn't select any style.</p>
    <p>Set the aspect ratio to 3:2.</p>
    <p>Set the keyword as "bird flying"</p>
    <p>This is what I got:</p>
    <p><img alt="img from wonder 1" src="../../images/IMG_6909.JPG" /></p>
    <p><img alt="img from wonder 2" src="../../images/IMG_6910.JPG" /></p>
    <h4 id="stable-diffusion"><a href="https://replicate.com/stability-ai/stable-diffusion">Stable Diffusion</a></h4>
    <p>The next AI art generator I tried was <a href="https://replicate.com/stability-ai/stable-diffusion">Stable Diffusion</a>
    I entered each options as followed:</p>
    <table>
    <thead>
    <tr>
    <th><strong>option</strong></th>
    <th><strong>value</strong></th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>prompt</td>
    <td>bird flying</td>
    </tr>
    <tr>
    <td>negative_prompt</td>
    <td>-</td>
    </tr>
    <tr>
    <td>width</td>
    <td>768</td>
    </tr>
    <tr>
    <td>height</td>
    <td>512</td>
    </tr>
    <tr>
    <td>num_outputs</td>
    <td>4</td>
    </tr>
    </tbody>
    </table>
    <p>The outputs were PNG files.
    I converted the images to JPG file.</p>
    <p>I made a bash file to convert every PNG file in a designated directory to JPG.</p>
    <div class="highlight"><span class="filename">png2jpg.sh</span><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1" href="#__codelineno-0-1"></a><span class="k">for</span><span class="w"> </span>f<span class="w"> </span><span class="k">in</span><span class="w"> </span><span class="nv">$1</span>/*.png<span class="p">;</span><span class="w"> </span><span class="k">do</span>
    <a id="__codelineno-0-2" name="__codelineno-0-2" href="#__codelineno-0-2"></a><span class="w"> </span><span class="nv">g</span><span class="o">=</span><span class="k">$(</span>basename<span class="w"> </span><span class="si">${</span><span class="nv">f</span><span class="p">%.*</span><span class="si">}</span><span class="k">)</span>
    <a id="__codelineno-0-3" name="__codelineno-0-3" href="#__codelineno-0-3"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="o">[</span><span class="w"> </span>!<span class="w"> </span>-e<span class="w"> </span><span class="nv">$g</span>.jpg<span class="w"> </span><span class="o">]</span><span class="p">;</span><span class="w"> </span><span class="k">then</span>
    <a id="__codelineno-0-4" name="__codelineno-0-4" href="#__codelineno-0-4"></a><span class="w"> </span>convert<span class="w"> </span><span class="nv">$f</span><span class="w"> </span><span class="nv">$g</span>.jpg
    <a id="__codelineno-0-5" name="__codelineno-0-5" href="#__codelineno-0-5"></a><span class="w"> </span><span class="k">fi</span>
    <a id="__codelineno-0-6" name="__codelineno-0-6" href="#__codelineno-0-6"></a><span class="k">done</span>
    </code></pre></div>
    <p>To use this bash file, run the following command in cammoand line.</p>
    <div class="highlight"><pre><span></span><code>bash png2jpg.sh pngs(directory with PNG files)
    </code></pre></div>
    <p><img alt="png2jpg" src="../../images/png2jpg.jpg" /></p>
    <p>This is what I got:</p>
    <p><img alt="img from sd0" src="../../images/out-0.jpg" /></p>
    <p><img alt="img from sd1" src="../../images/out-1.jpg" /></p>
    <p><img alt="img from sd2" src="../../images/out-2.jpg" /></p>
    <p><img alt="img from sd3" src="../../images/out-3.jpg" /></p>
    <h3 id="make-a-silhouette-of-a-bird">make a silhouette of a bird</h3>
    <p>I chose this picture as an example.</p>
    <p><img alt="img from wonder 2" src="../../images/IMG_6910.JPG" /></p>
    <p>I imported the picture into <a href="https://affinity.serif.com/en-us/designer/">Affinity Designer</a></p>
    <p>Then I traced the outline of the bird.</p>
    <p><img alt="silhouette_trace1" src="../../images/silhouette_trace1.jpg" /></p>
    <p>Filled the line with black.</p>
    <p><img alt="silhouette_trace2" src="../../images/silhouette_trace2.jpg" /></p>
    <p><img alt="silhouette_trace3" src="../../images/silhouette_trace3.jpg" /></p>
    <p>Edited the silhouetted to change the angle of the bird.</p>
    <p><img alt="silhouette_trace4" src="../../images/silhouette_trace4.jpg" /></p>
    <p><img alt="silhouette_trace5" src="../../images/silhouette_trace5.jpg" /></p></div>
    </div>
    </div>
    <footer class="col-md-12">
    <hr>
    <p>Copyright 2023 Sosuke Kanegae - Creative Commons Attribution Non Commercial</p>
    <p>Documentation built with <a href="https://www.mkdocs.org/">MkDocs</a>.</p>
    </footer>
    <script>
    var base_url = "../..",
    shortcuts = {"help": 191, "next": 78, "previous": 80, "search": 83};
    </script>
    <script src="../../js/base.js" defer></script>
    <script src="../../search/main.js" defer></script>
    <div class="modal" id="mkdocs_search_modal" tabindex="-1" role="dialog" aria-labelledby="searchModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
    <div class="modal-content">
    <div class="modal-header">
    <h4 class="modal-title" id="searchModalLabel">Search</h4>
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    </div>
    <div class="modal-body">
    <p>From here you can search these documents. Enter your search terms below.</p>
    <form>
    <div class="form-group">
    <input type="search" class="form-control" placeholder="Search..." id="mkdocs-search-query" title="Type search term here">
    </div>
    </form>
    <div id="mkdocs-search-results" data-no-results-text="No results found"></div>
    </div>
    <div class="modal-footer">
    </div>
    </div>
    </div>
    </div><div class="modal" id="mkdocs_keyboard_modal" tabindex="-1" role="dialog" aria-labelledby="keyboardModalLabel" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-content">
    <div class="modal-header">
    <h4 class="modal-title" id="keyboardModalLabel">Keyboard Shortcuts</h4>
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    </div>
    <div class="modal-body">
    <table class="table">
    <thead>
    <tr>
    <th style="width: 20%;">Keys</th>
    <th>Action</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td class="help shortcut"><kbd>?</kbd></td>
    <td>Open this help</td>
    </tr>
    <tr>
    <td class="next shortcut"><kbd>n</kbd></td>
    <td>Next page</td>
    </tr>
    <tr>
    <td class="prev shortcut"><kbd>p</kbd></td>
    <td>Previous page</td>
    </tr>
    <tr>
    <td class="search shortcut"><kbd>s</kbd></td>
    <td>Search</td>
    </tr>
    </tbody>
    </table>
    </div>
    <div class="modal-footer">
    </div>
    </div>
    </div>
    </div>
    </body>
    </html>
    public/final-project/index.html
    + 4
    − 0
    View file @ e8c7a1d6
    ...@@ -52,6 +52,10 @@ ...@@ -52,6 +52,10 @@
    <li> <li>
    <a href="../assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a> <a href="../assignments/week01/" class="dropdown-item">Week 01. Principles and Practices / Project Management</a>
    </li> </li>
    <li>
    <a href="../assignments/week02/" class="dropdown-item">Week 02. Computer Aided Design</a>
    </li>
    </ul> </ul>
    </li> </li>
    </ul> </ul>
    ......
    public/images/IMG_6909.JPG 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/IMG_6909.JPG

    591 KiB

    public/images/IMG_6910.JPG 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/IMG_6910.JPG

    669 KiB

    public/images/discard/silhouette_trace1.jpg 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/discard/silhouette_trace1.jpg

    217 KiB

    public/images/discard/silhouette_trace2.jpg 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/discard/silhouette_trace2.jpg

    170 KiB

    public/images/discard/silhouette_trace4.jpg 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/discard/silhouette_trace4.jpg

    782 KiB

    public/images/out-0.jpg 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/out-0.jpg

    68.5 KiB

    public/images/out-1.jpg 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/out-1.jpg

    74.5 KiB

    public/images/out-2.jpg 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/out-2.jpg

    56.5 KiB

    public/images/out-3.jpg 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/out-3.jpg

    61.6 KiB

    public/images/png2jpg.jpg 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/png2jpg.jpg

    361 KiB

    public/images/png2jpg.sh 0 → 100644
    + 6
    − 0
    View file @ e8c7a1d6
    for f in $1/*.png; do
    g=$(basename ${f%.*})
    if [ ! -e $g.jpg ]; then
    convert $f $g.jpg
    fi
    done
    \ No newline at end of file
    public/images/pngs/out-0.png 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/pngs/out-0.png

    551 KiB

    public/images/pngs/out-1.png 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/pngs/out-1.png

    514 KiB

    public/images/pngs/out-2.png 0 → 100644
    + 0
    − 0
    View file @ e8c7a1d6
    public/images/pngs/out-2.png

    506 KiB

    0% or .
    You are about to add 0 people to the discussion. Proceed with caution.
    Finish editing this message first!
    Please register or to comment