2015.11.21uGUI...というか3Dで2Dの描画するときの鬼門の一つに台形があります。表示してみればわかりますがテクスチャが変になります。この記事では上底と下底が並行な台形(平行四辺形含む)に絞った描画方法を模索しています。ない頂点が自由な四角形はこの記事の方法ではキレイに描画できません。uGUIで台形描画してみるまず何も考えずに台形描画してみます。明らかにUVがおかしいです。UVがどう指定されているのかを分かりやすくするためにUV値を視覚化するとこうなります。UVの値を色として表示しています。それだけだとなめらかすぎてわかりにくいので10段階に階層化しました。してみると三角ポリゴンの境目でUの値がくっきりしているのが分かります。それに対してVの値は特に問題なさそうです。UVの補間が三角ポリゴン単位で行われているからです。目次とりあえずuGUIで台形描画してみるアプローチ真ん中に頂点足してポリゴン数増やすUVをフラグメントシェーダーで計算するどう計算するか・eの求め方シェーダーで実装する応用編1:奥行きを出すアプローチ1:Vを累乗するアプローチ2:射影変換する応用編2:Spriteを台形にするアプローチこれを解決するためにアプローチを考えます。真ん中に頂点足してポリゴン数増やすポリゴンを細かくする事でごまかすことが出来るのでは...?というアプローチです。対角線の交わる点が中心(0.5,0.5)になるはずなので、そこに頂点を足してみます。なんとなくマシになった感はありますが、やはり違和感バリバリです。頂点増やしまくれば改善されるかもしれませんが、イタチごっこ感が否めません。