創作內容

10 GP

【教學】距離場教學 第十章 - 組合範例

作者:is樂小呈│2021-07-31 16:30:22│巴幣:20│人氣:58
標準化空間,大小為 10、距離場上色、距離環

進階形狀範例
教學到目前已經教了各種形狀、空間操作以及組合方法,這章就提供一些進階型狀的範例。

扇形環
先從從簡單的開始,一個扇形的圓環,將扇形剃除圓形。



矩形環
教學中以矩形為例,當然實際繪製時要用什麼形狀是自由的,計算放射狀分割時的位置並放置形狀。



齒輪
嘿對,就是搭配上面那個東西,圓環和矩形環。



星形
把矩形環的分割整理出來,搭配縮放正多邊形完成。




特殊線段
接續前幾章中的線段距離函數,我們可以使用線段的投影值做進階操作的參考,像是波浪。



或是錐形線段,只需要讓線段兩端使用不同的粗細去過度。



除了以上兩種範例,線段當然還可以有其他進階操作,不過教學範例部分就先到此為止吧,以上只是提供你們不同的思路而已。

在繪製距離場形狀時可以透過"任何"計算過程中使用的的變數作為形狀加工的參考,以線段的例子來說我們使用的 uv 投影到線段上的大小作為參考,但事實上不只有線段可以這樣做,無論是圓形的角度、或是矩形特定邊上的長度都可以。

請自由嘗試組出更多特別的形狀 :D

第九章 - 進階形狀
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=5224400
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:SDF|Shader

留言共 0 篇留言

我要留言提醒:您尚未登入,請先登入再留言

10喜歡★angus945 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【教學】距離場教學 第九... 後一篇:【教學】距離場教學 十一...

追蹤私訊切換新版閱覽

作品資料夾

huaing123垃圾霸凌仔
每次跟家裡人出去玩,總是沒好事= =看更多我要大聲說昨天23:26


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】