shader_type canvas_item;
uniform float outline_width = 1.0;
uniform vec4 outline_color: source_color = vec4(1,0,0,1);
void fragment() {
vec2 uv = UV;
vec2 uv_up = uv + vec2(0,TEXTURE_PIXEL_SIZE.y)*outline_width;
vec2 uv_down = uv + vec2(0,-TEXTURE_PIXEL_SIZE.y)*outline_width;
vec2 uv_left = uv + vec2(TEXTURE_PIXEL_SIZE.x,0)*outline_width;
vec2 uv_right = uv + vec2(-TEXTURE_PIXEL_SIZE.x,0)*outline_width;
vec4 color_up = texture(TEXTURE,uv_up);
vec4 color_down = texture(TEXTURE,uv_up);
vec4 color_left = texture(TEXTURE,uv_left);
vec4 color_right = texture(TEXTURE,uv_right);
vec4 outline = color_down + color_up + color_left + color_right;
outline.rgb = outline_color.rgb;
vec4 original_color = texture(TEXTURE,UV);
COLOR = mix(outline,original_color,original_color.a);
}
Godot 字型邊框shader
相關文章
- godot shader 升級Go
- Web應用課 第三講 文字、字型、背景、邊框、展示格式Web
- CSS 邊框陰影立體邊框CSS
- CSS border邊框CSS
- css之邊框CSS
- 表格的邊距 邊框設定
- view邊框陰影View
- 無邊框 Button 【WPF】
- Android stroke 邊框線 某一邊Android
- 小程式中button的邊框無法去除 button邊框如何去除
- godot tweenGo
- 如何使用CSS設定文字框的邊框CSS
- CSS 3半透明邊框CSS
- css圓角矩形邊框CSS
- css動態邊框效果CSS
- CSS_邊框樣式CSS
- Table邊框使用總結
- 直播系統app原始碼,設定樣式(字型樣式、行列寬高、對齊方式、邊框)APP原始碼
- 短視訊系統,不改變背景顏色的基礎上更改邊框和字型顏色
- 教你玩轉CSS border(邊框)CSS
- table 設定合併邊框
- 【叢林】CSS 邊框淺談CSS
- CSS 奇思妙想邊框動畫CSS動畫
- CSS實現流動邊框CSS
- CSS 邊框動態環繞CSS
- JavaScript設定table表格邊框JavaScript
- javascript當文字框獲得焦點設定邊框JavaScript
- input文字框的實際寬度包括邊框的
- Godot Breakeys Godot Beginner Tutorial 遊戲開發筆記Go遊戲開發筆記
- CSS border-radius 帶邊框CSS
- css揭祕 - 背景與邊框 [一]CSS
- CSS的秘密——背景和邊框(下)CSS
- SVG stroke-dasharray虛線邊框SVG
- CSS圖片邊框陰影效果CSS
- CSS 設定邊框透明度CSS
- CSS3多層邊框效果CSSS3
- CSS虛線邊框效果程式碼CSS
- css設定四角邊框CSS