Highlight Shader (Good version)

( I SPEAK SPANISH )

Hello! I tested this shader: Highlight CanvasItem

But this don’t worked for me, and i try to make a new shader for this,

For use this shader, the unique thing you need to do is have you sprite

[SPRITE with texture “texture.png” or any]

Go to Material (in you sprite) > material > New Shader material > Shader; and paste the shader

You can modify the width, height, velocity of the shader, and more.

If the shader doesn’t fully reach the end, all you need to do is adjust the offset (e.g., uniform float offset = 5.0;) on line 19. Adjust it to an appropriate value

PLEASE, ACCESS TO MY WEB PAGE

//////////////////////////////////////////////////////////////

Para usar este shader, lo único que necesitas hacer es tener tu sprite:

[SPRITE con la textura “texture.png” o cualquier otra]

Ve a Material (en tu sprite) > material > Nuevo material Shader > Shader; y pega el shader.

Puedes modificar el ancho, la altura, la velocidad del shader y más.

Si el shader no llega completamente al final, lo único que tienes que hacer es ajustar el offset (por ejemplo, uniform float offset = 5.0;) en la línea 19. Ajustalo a un valor apropiado.

¡Gracias latinos y a todos! Visiten mi sitio.

Shader code

shader_type canvas_item;
render_mode blend_premul_alpha;

// EVERTHING ARE MAKED IN SPANISH, IF
// YOU WANT YOU CAN TRANSLATE IT, BUT
// KEEP EVERTHING

// CREATED BY oLe Studios (Oficial Material)
// 2024 7/11/2024
// Please give credit for oLe Studios

uniform float speed : hint_range(0.0, 5.0) = 1.0; // Velocidad de movimiento de la línea
uniform float line_width : hint_range(0.0, 0.2) = 0.15; // Ancho de la línea de brillo
uniform vec4 line_color : hint_color = vec4(1.0, 1.0, 1.0, 1.0); // Color de la línea de brillo
uniform float pause_duration : hint_range(0.0, 2.0) = 0.15; // Duración de la pausa al final del recorrido
uniform float offset = 2.0; 

void fragment() {
    // Configuración del tiempo con pausa al final del recorrido
    float cycle_duration = offset + pause_duration; // Duración total del ciclo
    float adjusted_time = mod(TIME * speed, cycle_duration);
    
    // Movimiento de la línea con pausa (invertido, de derecha a izquierda)
    float line_position;
    if (adjusted_time <= offset) {
        line_position = offset - adjusted_time; // Movimiento de la línea hacia la izquierda (invertido)
    } else {
        line_position = -0.3; // Pausa
    }
    
    // Rotación diagonal de la línea
    vec2 rotated_uv = vec2(UV.x + UV.y, UV.y - UV.x) * 0.5;
    float dist = abs(rotated_uv.x - line_position);

    // Control de ancho y suavidad de la línea
    float line_intensity = smoothstep(line_width, 0.0, dist);

    // Máscara de alfa del `Sprite` para limitar el área de la línea solo a los píxeles opacos
    vec4 base_texture = texture(TEXTURE, UV); // Color base del `Sprite`
    float alpha_mask = step(0.01, base_texture.a); // Máscara de alfa (evita completamente los píxeles transparentes)

    // Aplicar el color de la línea solo a los píxeles opacos
    vec3 final_color = mix(base_texture.rgb, line_color.rgb, line_intensity * alpha_mask);

    // Combinar la transparencia del sprite original y la intensidad de la línea
    COLOR = vec4(final_color, base_texture.a * alpha_mask);
}

Live Preview

Tags