{%hackmd BkVfcTxlQ %}
<style>
.er1 {color: #FFFF75;font-size:0.2em;}
.er2 {color: #e3532b;font-size:0.2em;}
.er3 {color: #48c3f7;font-size:0.2em;}
.er4 {color: #8af542;font-size:0.2em;}

.hr1 {color: #888888;font-size:0.2em;}
.hr2 {color: #f5e887;font-size:0.2em;}
.hr3 {color: #B7E1C0;font-size:0.2em;}
.hr4 {color: #F4BE90;font-size:0.2em;}
.hr5 {color: #5FA8D3;font-size:0.2em;}
.hr6 {color: #aac783;font-size:0.2em;}
.hr7 {color: #d29be0;font-size:0.2em;}

影音範例
{%youtube 0_C7M97gB6Q %}<span class="hr2"> test </span>

85B79D
<span class="hr2"> test </span>
<span class="er1"> test </span>
<span class="er2"> test </span>
<span class="er3"> test </span>
<span class="er4"> test </span>

<span class="hr1"> test </span>
<span class="hr2"> test </span>
<span class="hr3"> test </span>
<span class="hr4"> test </span>
<span class="hr5"> test </span>
<span class="hr6"> test </span>
<span class="hr7"> test </span>
</style>

# 三角還是四角面?

到底三角面好還是四角面好，這個問題其實很多人在問，那我們就來解釋一下為什麼我們要四角面以及三角面的優勢在哪邊^ ^
先看下圖，這是一個四點四線的多邊形，我把面故意刪除，只留下點與線

這時候 如果要以這四個點來形成面，假裝你是電腦，你會怎麼呈現繪製呢 ?
答案有兩個，看看這邊同樣的點與線構成的面完全不同

## 說說原理

三角面的特性 其實是沒有 " 不共面 " 的問題

但是超過三角型，就會出現共面的問題，這邊講得 " 超過 " 意思就是，不只有四角面，五角、六角、七角 ~N角面，都會有這樣的問題。下圖綠色指標中的都是 沒有共面的狀態，紅色都是有共面的狀態。


## 混亂不確定，交給電腦判斷 ? 不 ~ 我們自己定義!!
依照前頭的問題假裝你是電腦，有四個點不共面時，面要如何形成呢 ? 在四個頂點時，會有兩種面貌，但是如果是五點，又都不共面這時候可能會有，五種樣貌，越多點不共面越多種情況。
所以多角面到底要呈現什麼樣子的樣貌，這個就變成是電腦來決定了，不過我們在做美術設計美術繪製的時候，我們會希望每一個面都是我們自己定義好的方向所以最好的解決方式就是切成 " 三角面 " 明確的告訴電腦，面該怎麼樣子，不要讓電腦繪製出我們預期以外的樣貌。

## 四邊形的優勢 ~ 細分
除了三角形以外的多角形，會出現面的方向(切割)不明確，其實也沒有這麼常發生，除非不共面的情形超過了一個很大的角度，面才會開始混亂的不明確顯示(計算)，所以這邊的原則是 " 共面 " 有共面的情況下，就算多點成面，其實顯示上也不會有太大的問題，有這樣的前提就要來說，四邊形的優勢 ~ 細分

細分可以說就是除以2，四邊形的優勢就在於細分以後還是四邊形，而且他可以一直，重複細分下去，但是三角形或其他多角形就比較難以計算，雖然現在軟體都還是算得出來但是就會造成奇怪的造型或其令人搖頭的顯示

所以如果是骨架動畫或者是動畫變形( shapekey ) 只要有遇到"細分"又要加上"變形"的， 四角形面都是有優勢的。