forked from andkok/MWS_2021
174 lines
15 KiB
HTML
174 lines
15 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="generator" content="pandoc" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
||
|
|
<title>cw3</title>
|
||
|
|
<style>
|
||
|
|
code{white-space: pre-wrap;}
|
||
|
|
span.smallcaps{font-variant: small-caps;}
|
||
|
|
span.underline{text-decoration: underline;}
|
||
|
|
div.column{display: inline-block; vertical-align: top; width: 50%;}
|
||
|
|
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
||
|
|
ul.task-list{list-style: none;}
|
||
|
|
pre > code.sourceCode { white-space: pre; position: relative; }
|
||
|
|
pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
|
||
|
|
pre > code.sourceCode > span:empty { height: 1.2em; }
|
||
|
|
code.sourceCode > span { color: inherit; text-decoration: inherit; }
|
||
|
|
div.sourceCode { margin: 1em 0; }
|
||
|
|
pre.sourceCode { margin: 0; }
|
||
|
|
@media screen {
|
||
|
|
div.sourceCode { overflow: auto; }
|
||
|
|
}
|
||
|
|
@media print {
|
||
|
|
pre > code.sourceCode { white-space: pre-wrap; }
|
||
|
|
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
|
||
|
|
}
|
||
|
|
pre.numberSource code
|
||
|
|
{ counter-reset: source-line 0; }
|
||
|
|
pre.numberSource code > span
|
||
|
|
{ position: relative; left: -4em; counter-increment: source-line; }
|
||
|
|
pre.numberSource code > span > a:first-child::before
|
||
|
|
{ content: counter(source-line);
|
||
|
|
position: relative; left: -1em; text-align: right; vertical-align: baseline;
|
||
|
|
border: none; display: inline-block;
|
||
|
|
-webkit-touch-callout: none; -webkit-user-select: none;
|
||
|
|
-khtml-user-select: none; -moz-user-select: none;
|
||
|
|
-ms-user-select: none; user-select: none;
|
||
|
|
padding: 0 4px; width: 4em;
|
||
|
|
color: #aaaaaa;
|
||
|
|
}
|
||
|
|
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
|
||
|
|
div.sourceCode
|
||
|
|
{ }
|
||
|
|
@media screen {
|
||
|
|
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
|
||
|
|
}
|
||
|
|
code span.al { color: #ff0000; font-weight: bold; } /* Alert */
|
||
|
|
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
|
||
|
|
code span.at { color: #7d9029; } /* Attribute */
|
||
|
|
code span.bn { color: #40a070; } /* BaseN */
|
||
|
|
code span.bu { } /* BuiltIn */
|
||
|
|
code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
|
||
|
|
code span.ch { color: #4070a0; } /* Char */
|
||
|
|
code span.cn { color: #880000; } /* Constant */
|
||
|
|
code span.co { color: #60a0b0; font-style: italic; } /* Comment */
|
||
|
|
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
|
||
|
|
code span.do { color: #ba2121; font-style: italic; } /* Documentation */
|
||
|
|
code span.dt { color: #902000; } /* DataType */
|
||
|
|
code span.dv { color: #40a070; } /* DecVal */
|
||
|
|
code span.er { color: #ff0000; font-weight: bold; } /* Error */
|
||
|
|
code span.ex { } /* Extension */
|
||
|
|
code span.fl { color: #40a070; } /* Float */
|
||
|
|
code span.fu { color: #06287e; } /* Function */
|
||
|
|
code span.im { } /* Import */
|
||
|
|
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
|
||
|
|
code span.kw { color: #007020; font-weight: bold; } /* Keyword */
|
||
|
|
code span.op { color: #666666; } /* Operator */
|
||
|
|
code span.ot { color: #007020; } /* Other */
|
||
|
|
code span.pp { color: #bc7a00; } /* Preprocessor */
|
||
|
|
code span.sc { color: #4070a0; } /* SpecialChar */
|
||
|
|
code span.ss { color: #bb6688; } /* SpecialString */
|
||
|
|
code span.st { color: #4070a0; } /* String */
|
||
|
|
code span.va { color: #19177c; } /* Variable */
|
||
|
|
code span.vs { color: #4070a0; } /* VerbatimString */
|
||
|
|
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
|
||
|
|
</style>
|
||
|
|
<link rel="stylesheet" href="style.css" />
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js" type="text/javascript"></script>
|
||
|
|
<!--[if lt IE 9]>
|
||
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
|
||
|
|
<![endif]-->
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1 id="sweep-surface">Sweep Surface</h1>
|
||
|
|
<p>Sweep (swept) Surface to metoda generowania powierzchni za pomocą dwóch krzywych gdzie jedna jest przesuwana wzdłuż drugiej (stąd sweep oznaczające zamiatać)</p>
|
||
|
|
<p><img src="swept-tube-c.jpg" alt="Vogel" /> | <img src="swept-tube-s.jpg" alt="Vogel" /></p>
|
||
|
|
<p>Istnieją różne warianty tej metody, w które pozwalają kierować różnymi parametrami powierzchni. My będziemy wykorzystywać je do tworzenia takich organów jak płatki czy liście. Dlatego w naszym przypadku będziemy kontrolować szerokość i wygięcie powierzchni.</p>
|
||
|
|
<p>Otwórz scenę <code>SweepSurface</code>, znajdziesz w niej obiekt <code>Leaf Generator</code>, wybierz go. Zawiera on skrypt <code>LeafGrow</code>, który będzie służyć do tworzenia liści metodą <em>sweep surface</em>.</p>
|
||
|
|
<p>Skrypt posiada szereg parametrów interesują nas następujące:</p>
|
||
|
|
<ul>
|
||
|
|
<li><code>Length</code> - długość powierzchni;</li>
|
||
|
|
<li><code>Width</code> - szerokość powierzchni;</li>
|
||
|
|
<li><code>Width Curve</code> - krzywa definiująca szerokość powierzchni. By ją modyfikować kliknij na miniaturkę na prawo od napisu. Jest ona opisywana za pomocą krzywych Beziera;</li>
|
||
|
|
<li><code>Fold Curve</code> - krzywa definiująca wygięcie wzdłuż powierzchni. Podobnie jak powyżej;</li>
|
||
|
|
<li><code>Infold</code> - współczynnik wygięcia w poprzek powierzchni;</li>
|
||
|
|
<li><code>Number Of Animation steps</code> - rozdzielczość powierzchni;</li>
|
||
|
|
</ul>
|
||
|
|
<p>Przycisk <code>Grow Leaf</code> generuje powierzchnię.</p>
|
||
|
|
<h3 id="obsługa-krzywych">Obsługa krzywych</h3>
|
||
|
|
<p>po otwarciu krzywej wyświetli się jej okno widoczne poniżej. Nowe punkty dodaje się poprzez kliknięcie 2 razy lewym przyciskiem na krzywej. Kliknięcie prawym przyciskiem na punkcie otwiera menu, które, pozwala na usuwanie i precyzyjne przesuwanie punktu (można go też zwyczajnie przeciągnąć). Z opcji polecam spróbować Flat i Broken (pozwala modyfikować styczne niezależnie).</p>
|
||
|
|
<p><img src="curve.jpg" alt="Vogel" /><br />
|
||
|
|
Przetestuj jak działają powyższe parametry, wygeneruj kilka testowych powierzchni.</p>
|
||
|
|
<h2 id="zadanie-domowe">Zadanie (domowe)</h2>
|
||
|
|
<p>W podfolderze <code>leaf_shapes</code> znajdują się ponumerowane ilustracje przedstawiające różne kształty liści. Utwórz liść za pomocą <code>Leaf Grow</code> liść o numerze, który będzie jak najwierniej oddawać liść o numerze, który przystaje do Twojego indeksu modulo 5.</p>
|
||
|
|
<h2 id="dodawanie-tekstury">Dodawanie tekstury</h2>
|
||
|
|
<p>Wygenerowany liść ma dość nieciekawy, jednokolorowy materiał. by to poprawić podmienimy kolor na teksturę liścia. Pierwszym etapem jest znalezienie tekstury, która będzie się nadawać. Pominiemy go i skorzystamy z <code>leaf texutre</code> w podfolderze <code>Texture</code> folderu <code>Models</code>. Odnajdź materiał <code>leaf</code>, kilknij na nią. inspektorze kliknij na kółko obok Albedo, by wybrać teksturę. <img src="material.jpg" alt="inspector" /></p>
|
||
|
|
<p>Pozostaje dopasować teksturę do geometrii liścia. Wykorzystaj do tego parametry Tiling i Offset. Pierwszy służy do skalowania tekstury, drugi do przesuwania jej.</p>
|
||
|
|
<h2 id="eksportowanie-liścia">Eksportowanie liścia</h2>
|
||
|
|
<p>W projekcie powinien być zainstalowany <strong>FBX exporter</strong>, jeżeli nie jest znajdź go w <code>Window -> Package Manager</code>.</p>
|
||
|
|
<p>By taki liść wykorzystać w innym projekcie należy go wyeksportować, by to zrobić skorzystamy z <strong>FBX exporter</strong>. Kliknij prawym przyciskiem na <code>Leaf Generator</code> w hierarchii sceny. Następnie wybierz opcję <strong>export to FBX…</strong>. Ustaw ścieżkę na <code>Assets/Models</code> <code>Export Format</code> na <strong>Binary</strong> i kliknij export.</p>
|
||
|
|
<p>Poszukaj utworzonego modelu i dodaj go do sceny, żeby się upewnić czy faktycznie jest taki sam.</p>
|
||
|
|
<h2 id="zadanie-domowe-1">Zadanie domowe</h2>
|
||
|
|
<p>Zastąp płatki róży z poprzedniego zadania domoweg wygenerowanymi przez siebie płatkami za pomocą sweep surface</p>
|
||
|
|
<h1 id="pipe-model">Pipe Model</h1>
|
||
|
|
<p>Pipe model pozwala zasymulować pogrubianie się gałęzi wraz z rozwojem rośliny. Polega na wprowadzeniu do symboli odpowiadających za segmenty gałęzi parametru, który odpowiada za jej grubość. Nazwijmy go <code>L(width,...)</code>, gdzie <code>...</code> oznacza pozostałe parametry.</p>
|
||
|
|
<p>W największej ogólności metoda polega na modyfikowaniu szerokości na podstawie szerokości jego następników (młodszych gałęzi) za pomocą wzoru</p>
|
||
|
|
<p><span class="math display">\[ width = (\sum_{L_c} width_{L_c}^n)^\frac{1}{n}\]</span></p>
|
||
|
|
<p>gdzie suma przechodzi po następnikach gałęzi, <span class="math inline">\(width_{L_c}\)</span> jest grubością danej gałęzi a <span class="math inline">\(n\)</span> jest parametrem pomiędzy 2 a 3.</p>
|
||
|
|
<p>Sposób działania jest przedstawiony na poniższym obrazku:</p>
|
||
|
|
<figure>
|
||
|
|
<img src="pipe_model.png" alt="pipe model" /><figcaption aria-hidden="true">pipe model</figcaption>
|
||
|
|
</figure>
|
||
|
|
<p>Jak widać informacja o grubości jest propagowana z czubków gałęzi do pnia, stąd nazwa <em>Pipe model</em>.</p>
|
||
|
|
<h2 id="l-systemy-kontekstowe-i-komunikacja-wstecz">L-Systemy kontekstowe i komunikacja wstecz</h2>
|
||
|
|
<p>Do implementacji pipe model potrzebujemy komunikacji w kierunku od następnika do poprzednika. Na poprzednich zajęciach pojawiła się komunikacja L-Systemu od poprzednika do następnika. Jest ona prostsza w obsłudze, bo symbol może posiadać zawsze co najwyżej jednego poprzednika. Natomiast w przypadku Bracketed L-Systemów i rozgałęzień następników może być dowolna liczba i każdy przypadek będzie obsługiwany osobno.</p>
|
||
|
|
<p>Następniki wypisujemy w nawiasach kwadratowych, przykładowo:</p>
|
||
|
|
<pre><code>A > [B]C -> AA</code></pre>
|
||
|
|
<p>Reguły mogą się tyczyć tylko bezpośrednich sąsiadów, więc przykładowo reguła <code>A>[CD]B</code> jest nieprawidłowa.</p>
|
||
|
|
<p>Reguła będzie zastosowana, gdy symbol ma takie same następniki i w tej samej kolejności co warunku reguły. To znaczy jeśli weźmiemy regułę</p>
|
||
|
|
<pre><code>A > C -> AA</code></pre>
|
||
|
|
<p>to zamieni ona napis <code>AC</code> na <code>AAC</code>, ale <code>A[B]C</code> pozostawi bez zmian.</p>
|
||
|
|
<p>podobnie</p>
|
||
|
|
<pre><code>A > [B][C]D -> AA</code></pre>
|
||
|
|
<p>zamieni <code>A[B][C]D</code> na <code>AA[B][C]D</code> natomiast <code>A[C][B]D</code> nie obsłuży.</p>
|
||
|
|
<p>Te reguły można łączyć z warunkami logicznymi i z instrukcjami stochastycznymi (Przypominam, że symbole są identyfikowane po znaku i liczbie zmiennych.)</p>
|
||
|
|
<p>Pozostaje jeszcze kwestia jak traktowane są ignorowane znaki. Tak jak poprzednio nie mają one wpływu na kontekst, ponadto, jeżeli zdarzy się, że taki symbol ma kilku następników, wszyscy są brani pod uwagę. Przykładowo, gdy <code>+</code> jest ignorowany, to</p>
|
||
|
|
<pre><code>A[+[B]C]D
|
||
|
|
A[+B]+[C]D</code></pre>
|
||
|
|
<p>są traktowane jak <code>A[B][C]D</code>.</p>
|
||
|
|
<h2 id="implementacja-w-l-systemach">Implementacja w L-Systemach</h2>
|
||
|
|
<p>Zakładamy że wszystkie segmenty gałęzi są opisywane przez jeden symbol <code>G(width,...)</code>, gdzie parametr <code>width</code> będzie szerokością gałęzi a zamiast <code>...</code> powinny być pozostałe parametry. <code>n</code> to parametr, który trzeba zamienić na jakąś wartość liczbową w L-Systemie</p>
|
||
|
|
<p>Pierwszym krokiem jest ustawienie we wszystkich regułach, które tworzą nowe segmenty gałęzi, jednej początkowej wartości. Następnie musimy rozpatrzeć wszystkie przypadki, gdy segment gałęzi jest połączony z innymi gałęziami i dodać odpowiednie reguły. Najprościej jest założyć, że rozgałęzienie są maksymalnie podwójne, wtedy wystarczy rozpatrzyć dwa przypadki:</p>
|
||
|
|
<p>Gdy jest rozgałęzienie, wtedy należy dodać regułę, która poszerza gałąź:</p>
|
||
|
|
<div class="sourceCode" id="cb5"><pre class="sourceCode c"><code class="sourceCode c"><span id="cb5-1"><a href="#cb5-1" aria-hidden="true" tabindex="-1"></a>G(width,...) > [G(width_1,...)]G(width_2,...) -> G((width_1^n+width_2^n)^(<span class="dv">1</span>/n),...)</span></code></pre></div>
|
||
|
|
<p>Gdy nie ma rozgałęzienia należy przekazać grubość</p>
|
||
|
|
<pre><code>G(width,...) > G(width_1,...) -> G((width_1),...)</code></pre>
|
||
|
|
<p>uwaga, jeżeli zakładasz, że z boku gałęzi mogą wyrosnąć jakieś inne elementy, to trzeba też to uwzględnić i dodać do tego reguły, przykładowo z boku gałęzi może wyrosnąć liść opisywany symbolem <code>L</code>, wtedy trzeba dodać także regułę:</p>
|
||
|
|
<pre><code>G(width,...) > [L]G(width_1,...) -> G((width_1),...)</code></pre>
|
||
|
|
<h2 id="zadanie">Zadanie</h2>
|
||
|
|
<p>W Scenie <code>PipeModel</code> załadowany jest L-System rozwoju rośliny z poprzednich zadań, rozbuduj go o pipe model. Tak zmodyfikuj interpretację żółwia, żeby uzależnić grubość łodygi od parametru odpowiadającego za grubość.</p>
|
||
|
|
<h2 id="zadanie-domowe-2">Zadanie domowe</h2>
|
||
|
|
<p>Wykorzystaj Pozyskaną wiedzę na temat filotaksji i propagacji informacji w L-Systemach do stworzenia modelu rozwoju róży. Użyj propagacji do sterowania wzrostem rośliny zgodnie ze schematem, jako kwiaty użyj wyników modelu z poprzedniego zadania (nie musisz wizualizować ich rozwijania się, wystarczy, że będą się pojawiać i znikać). <strong>Zaimplemenuj pipe model</strong>.</p>
|
||
|
|
<h3 id="schemat-rozwoju-róży">Schemat rozwoju róży</h3>
|
||
|
|
<p>Róża składa się z <strong>łodyg</strong>, <strong>kwiatów</strong> i <strong>liści</strong>. Częścią, która rośnie jest jest czubek łodygi, który będziemy nazywać <strong>wierzchołkiem</strong>.</p>
|
||
|
|
<p>Liście wyrastają bezpośrednio z łodygi, w filotaksji spiralnej. Każdy liść składa się z nieparzystej liczby liści rosnących na przeciwlegle.</p>
|
||
|
|
<p><img src="Rose\3.jpg" alt="rose" /> <img src="Rose\2.jpg" alt="rose" /></p>
|
||
|
|
<p>Cykl rozwoju róży podzielimy na 4 etapy wzorowane na porach roku.</p>
|
||
|
|
<h4 id="wiosna">Wiosna</h4>
|
||
|
|
<p>W miejscu starych liści pojawiają się <strong>zalążki</strong> nowych liści, w tym etapie każdy z nich ma szansę stać się <strong>wierzchołkiem</strong> nowej łodygi. Istniejące <strong>wierzchołki</strong> rosną i wytwarzają nowe zalążki liści.</p>
|
||
|
|
<h4 id="lato">Lato</h4>
|
||
|
|
<p>Obecne <strong>wierzchołki</strong> kontynuują swój wzrost. Na tym etapie nowe łodygi mogą wyrosnąć tylko z nowych <strong>zalążków</strong>, które pojawiają się w wyniku rozwoju łodyg, ale szansa na ich pojawienie jest większa. W trakcie tego etapu <strong>wierzchołek</strong> może zmienić się w <strong>kwiat</strong>.</p>
|
||
|
|
<h3 id="jesień">Jesień</h3>
|
||
|
|
<p>Wzrost rośliny się zatrzymuje, kwiaty zamieniają się w owoce, nie powstają nowe liście ani zalążki.</p>
|
||
|
|
<h3 id="zima">Zima</h3>
|
||
|
|
<p>Roślina czeka na nową wiosnę, powstałe owoce są obrywane przez okoliczne zwierzęta szukające pożywienia. Pojedyńcze elementy łodygi mogą zostać uśpione lub uszkodzone i w niektórych miejscach nie wyrosną nowe liście lub wierzchołek przestanie funkcjonować.</p>
|
||
|
|
<hr />
|
||
|
|
<p>Poniżej znajduje się symboliczna reprezentacja zasad</p>
|
||
|
|
<figure>
|
||
|
|
<img src="Rose\rose_diagram.png" alt="rose" /><figcaption aria-hidden="true">rose</figcaption>
|
||
|
|
</figure>
|
||
|
|
</body>
|
||
|
|
</html>
|