ShaderJoy —— 方向向量場的繪製【GLSL】
效果圖
完整程式碼和詳細註釋:
/// @note 直線的 SDF
float distanceFromLineSegment(vec2 p, vec2 start, vec2 end)
{
float len = length(start - end);
float l2 = len * len;
if (l2 == 0.0f) return length(p - start);
float t = max(0.0f, min(1.0f, dot(p - start, end - start) / l2)); ///< p-start 在 end-start 上的投影
vec2 projection = start + t * (end - start);
return length(p - projection); ///< p 到 end-start 的距離
}
vec2 getPreviousFrameUVs(vec2 pos)
{
相關文章
- EazyDraw 向量圖繪製工具
- 向量插圖設計繪製Canvas X DrawCanvas
- [譯] 繪製路徑:Android 中向量圖渲染Android
- Sketch mac:以簡潔高效的方式,繪製精彩向量世界Mac
- Kitten 動態繪製 Y 軸方向立方體的實現方法
- GLSL
- 優質的向量圖繪製編輯軟體:EazyDraw Mac中文版Mac
- View的繪製二:View的繪製流程View
- 風場視覺化:繪製粒子視覺化
- Shapes for mac(向量繪圖工具)Mac繪圖
- Macos向量圖繪製工具:EazyDraw for Mac中文版 支援M1Mac
- 風場視覺化:繪製軌跡視覺化
- 使用 Kitten 程式設計貓繪製一個 Y 方向平鋪的立方體集合程式設計
- Sketch for Mac(向量繪圖軟體)Mac繪圖
- View的繪製三:UI繪製的三大步驟ViewUI
- "Sketch89"mac向量繪圖工具Mac繪圖
- Sketch 強大的向量繪圖設計軟體繪圖
- Sketch強大的向量繪圖設計軟體繪圖
- Flutter自定義繪製(1)- 繪製基礎Flutter
- 如何繪製三維動畫設計和製作場景更好動畫
- 繪製影象
- 繪製文字
- 繪製流程
- View 的繪製過程View
- 繪製方程的草圖
- Flutter的渲染繪製概述Flutter
- 使用joinjs繪製流程圖(五)-流程圖繪製JS流程圖
- Sketch 向量繪圖UI設計軟體繪圖UI
- Sketch for mac 強大的向量繪圖設計軟體Mac繪圖
- Sketch for mac強大的向量繪圖設計軟體Mac繪圖
- Mac強大的向量繪圖設計軟體:SketchMac繪圖
- GLSL著色器,來玩
- matlab 繪製置信範圍_fill(繪製其區間形成的區域)Matlab
- Flutter繪製barchartFlutter
- 繪製圖形
- canvas 繪製扇形Canvas
- canvas 繪製文字Canvas
- canvas 繪製矩形Canvas