創作內容

31 GP

【教學】距離場教學結語

作者：樂小呈│2021-08-03 16:04:18│巴幣：160│人氣：430

揮灑創意

恭喜各位，了解距離場背後的數學原理的你們，現在能夠畫出各種精美的圖形和設計細緻的動畫了，請在程式的畫布裡盡情揮灑吧 !

雖然已經盡可能地提供更多種圖形和操作的範例，但仍然無法涵蓋所有，所以你們得透過範例中提供的的思路來創造出更多形狀，不要反而被幾個範例給侷限了 :D

至於有沒有更輕鬆的方法使用距離場繪製 2D 圖案，我目前是沒有看過相關的工具，所以還是只能一點一點雕了吧，不過將函數整理好後其實也不適什麼難事，需要的只有創意 !

實際運用
教學中除了基本的數學原理之外，提供的範例都比較偏向視覺表現的的豐富度，因此內容更適用於藝術創作而非實際運用的部分。

但是距離場背後的觀念在實際運用中的範圍仍相當廣泛，例如貼圖著色的部分可以讓我們將 texture 繪製在任何位置，或是運用組合原理就能做出不需要 stencil buffer 的 2D 的圖片遮罩。

雖然教學使用的環境是 Unity ，但他背後的數學原理無論在哪都是通用的，所以只要根據需求調整即可。在你們有距離場的觀念後，遇到問題時也不妨使用距離場的角度思考看看，說不定會獲得意外的解答。

更進一步
教學中我們只有將形狀繪製在 2D 平面上，但其實 Signed Distance Function 是能夠將渲染拓展到三維空間的，只需要透過一種特別的射線計算 - Ray Marching (sphere tracing)

使用這種算法甚至能將分形渲染到三維空間中。

但這又是另一大學問了，有興趣的人可以自己透過關鍵字查詢，在有了距離場的數學觀念後，相信各位也能輕鬆的了解 Ray Marching 的原理

Signed Distance Function 教學到此為止，感謝各位的閱讀! 請勿擅自轉載

作者 - 樂小呈

喜歡 31 收藏引用留言推上首頁檢舉

引用網址：https://home.gamer.com.tw/TrackBack.php?sn=5227307
All rights reserved. 版權所有，保留一切權利

相關創作

同標籤作品搜尋：SDF|Shader

【教學】距離場教學十九章 - 最終範例

【教學】距離場教學十八章 - 分形繪製

【教學】距離場教學十七章 - 進階上色

【教學】距離場教學十六章 - 進階繪圖

【教學】距離場教學十五章 - 修正鋸齒

留言共 5 篇留言

在意你就輸了：
感謝分享真的是很詳盡的教學不過這樣一篇一篇搬真的是很辛苦，寫些介紹再丟個人網站應該也行除非是想刷GP(X

另外個人網站要不要貼小屋首頁的介紹啊，雖然我剛加標籤了，但是當初要找還是有點麻煩

08-03 17:40

樂小呈：
對不該一篇篇搬的，我搬到一半才想到，但突然停又很怪[e3]08-03 17:44

樂小呈：
之後就只搬目錄了[e8]08-03 17:44

樂小呈：
貼小屋首頁的介紹是甚麼意思?08-03 17:45

樂小呈：
阿，我的網站還有問題，google 搜不到[e3]08-03 19:42

樂小呈：
噢等等你是指貼連結到小屋首頁[e8] 以補08-04 21:22

Hikari：
你自學能力真的超強ORZ

08-03 18:27

樂小呈：
好幾年訓練起來的 >///<08-03 19:05

ATK：
[e19]

08-03 20:31

樂小呈：
[e7]08-03 20:43

帽捲：
延伸閱讀: shadertoy各路大神

08-09 15:16

樂小呈：
太多大神ㄌ[e28]08-09 15:24

吃飽了但還想吃：
感謝分享，你真的很有料，祝你有一片光明的未來，加油

08-10 23:46

樂小呈：
感謝窩會加油ㄉ[e13]08-11 09:06

我要留言提醒：您尚未登入，請先登入再留言

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

前一篇：【教學】距離場教學十九... 後一篇：【學習日誌】自己了弄個 ...

追蹤私訊切換新版閱覽

作品資料夾

--- 重點文章 --- (0)
└學習、開發資源分享 (8)
└發佈的遊戲 (4)
└學習和教育 (2)
└關於樂小呈 (9)

--- 學習日誌 -- (0)
└綜合學習 (7)
└遊戲和程式 (63)
└數學和圖學 (56)
└網頁和前端 (25)
└技術和美術 (1)

--- 學習筆記 --- (0)
└零碎筆記 (27)
└複雜筆記 (5)

--- 美術相關 --- (0)
└畫圖大雜燴 (24)
└建模大雜燴 (23)

--- 專案相關 --- (1)
└山鴉行動 (150)
└投擲地牢 (23)
└學習專案大雜燴 (97)

--- 教學相關 --- (0)
└距離場數學函數 (22)
└遊戲程式教學 (1)
└著色器的教學 (1)
└分享一些東西 (1)
└我捨不得刪，別看 (8)

--- 其他文章 --- (0)
└近況和閒聊 (60)
└回顧和歷程 (26)
└遊戲和心得 (5)
└寫到一半的 (2)
└蛤 (1)

不知道分哪 (1)

hyzgdivina 給喜歡虹咲的LLer：
我的小屋裡有很多又香又甜的Hoenn繪師虹咲漫畫翻譯喔！歡迎LoveLiver來我的小屋裡坐坐～看更多我要大聲說昨天23:17